Blog

Recent Web development and React Native tutorials and blog posts.

In total I've written 170 tutorials and posts on internet. This site is a collection of most of the them.

Common tags:

EXPO

REACT-NATIVE

REACT

NODEJS

NEXTJS

GATSBY

FIREBASE

GIT

OBSIDIAN

IONIC

DEVREL

YEAR-REVIEW

XCODE

VSCODE

TOOLS

TYPESCRIPT

WRITING

How to clear global npx cache
Published on May 30, 2023
•
1 min read
Bypass CORS to fetch files when working with localhost
Published on May 24, 2023
•
1 min read
Setup Macbook M1 for Web and React Native development
Published on May 23, 2023
•
12 min read
Set default location for images, files and attachments in Obsidian
Published on May 2, 2023
•
2 min read
Convert png to jpg using ffmpeg
Published on Apr 1, 2023
•
1 min read
Keep homebrew up to date
Published on Apr 1, 2023
•
1 min read
2022 - A year in review
Published on Jan 1, 2023
•
10 min read
Change the color of hidden files and folders in VSCode
Published on Sep 4, 2022
•
2 min read
How to add opacity to a Pressable component in React Native
Published on Aug 4, 2022
•
4 min read
Open any folder from the Terminal app in a Finder on macOS
Published on Jul 21, 2022
•
2 min read
How to push local git tag to remote repository on GitHub
Published on Jun 26, 2022
•
2 min read
How to remove console statements from React Native apps
Published on Jun 19, 2022
•
1 min read
Getting Started with React Navigation v6 and TypeScript in React Native
Published on Jun 11, 2022
•
14 min read
Remove bottom border or shadow on header in React Navigation
Published on Jun 5, 2022
•
2 min read
How to remove AsyncStorage warning when using Firebase JS SDK with React Native
Published on May 28, 2022
•
3 min read
Patterns and Anti-patterns in Node.js
Published on Apr 3, 2022
•
12 min read
How to show Touch indicator on iOS simulator
Published on Apr 3, 2022
•
1 min read
How to handle Deep Linking in a React Native app
Published on Mar 29, 2022
•
13 min read
When to use keyExtractor prop in React Native's FlatList
Published on Mar 27, 2022
•
5 min read
Set up a Next.js project with ESLint, Prettier, Husky, and Lint Staged
Published on Feb 13, 2022
•
5 min read
How to install Node.js using NVM on macOS M1
Published on Feb 6, 2022
•
4 min read
Implementing Infinite Scroll with React Query and FlatList in React Native
Published on Jan 30, 2022
•
12 min read
How to rename default branch in Git and GitHub
Published on Jan 10, 2022
•
2 min read
Tamagui for React Native: Create faster design systems
Published on Jan 9, 2022
•
10 min read
2021 - A year in review
Published on Dec 31, 2021
•
8 min read
Create a custom hook to Show/Hide Password Visibility in React Native
Published on Dec 11, 2021
•
5 min read
How to avoid notches with Safe Area Context in React Native apps
Published on Oct 14, 2021
•
5 min read
How to configure VSCode Bracket Pair Colors Natively
Published on Oct 12, 2021
•
1 min read
How to add Splash Screen and an App Icon in React Native
Published on Oct 1, 2021
•
10 min read
How to use iOS simulator in full-screen
Published on Sep 15, 2021
•
2 min read
How to solve RCTBridge required dispatch_sync to load warning on iOS for React Native
Published on Sep 4, 2021
•
1 min read
How to Offer Multi-language Support in a React Native App
Published on Aug 16, 2021
•
12 min read
GET Request params with Axios
Published on Aug 11, 2021
•
1 min read
Environment Variables in Expo and TypeScript
Published on Aug 4, 2021
•
2 min read
How To Integrate Firebase Authentication With an Expo App
Published on Jul 4, 2021
•
19 min read
Common Prop Types in TypeScript and React
Published on Jun 29, 2021
•
2 min read
Prop types in React and TypeScript
Published on Jun 28, 2021
•
3 min read
🌱 Life at Draftbit - First 3 Months as a Developer Advocate
Published on May 25, 2021
•
6 min read
How to Create a Custom Image Gallery in React Native
Published on May 17, 2021
•
13 min read
How to Create a Custom Tab Bar in React Native
Published on May 7, 2021
•
13 min read
How to use ES6 import syntax in Node.js
Published on Apr 7, 2021
•
3 min read
How to upload an image using Expo Camera to Cloudinary
Published on Mar 31, 2021
•
12 min read
How to use React Native Geolocation to get Postal Address
Published on Feb 25, 2021
•
10 min read
React Native Performance Do and Dont
Published on Feb 13, 2021
•
7 min read
How to use shared element transitions in React Native
Published on Jan 19, 2021
•
15 min read
How to remove bottom tab bar border in React Navigation
Published on Jan 17, 2021
•
2 min read
How to use redux-persist in React Native with Asyncstorage
Published on Jan 8, 2021
•
19 min read
How to add an app icon in a React Native Android app
Published on Jan 6, 2021
•
4 min read
Year Rewind: 2020
Published on Dec 23, 2020
•
15 min read
How to create a custom scrollbar with React Native Animated API
Published on Dec 10, 2020
•
12 min read
How to manage state in React apps with useReducer and useContext hooks
Published on Nov 6, 2020
•
9 min read
Creating and Validating React Native Forms with Formik
Published on Oct 16, 2020
•
14 min read
How to use HarperDB instance with React Hooks
Published on Oct 7, 2020
•
9 min read
How to Animate a Header View on Scroll With React Native Animated
Published on Oct 1, 2020
•
9 min read
Add Environment Variables in a Netlify Deployment
Published on Sep 1, 2020
•
4 min read
How to use React Router and real time user monitoring in React apps
Published on Aug 14, 2020
•
14 min read
Build a REST API with Node.js and HarperDB
Published on Jul 23, 2020
•
15 min read
How to setup a React App with a Firebase project
Published on Jun 5, 2020
•
8 min read
Styling The React Native Way
Published on Jun 4, 2020
•
8 min read
How to create custom wavy headers with react-native-svg
Published on May 26, 2020
•
8 min read
How to integrate Material UI library in React apps
Published on May 24, 2020
•
8 min read
Chat app with React Native (Part 6) - Create a custom hook to change status bar styles
Published on May 18, 2020
•
6 min read
Creating "Quarantine Pro" — A Fun Learning Experiment in React Native
Published on May 14, 2020
•
15 min read
Chat app with React Native (Part 5) - Create and Fetch Real-Time Messages with Firestore
Published on May 11, 2020
•
14 min read
How to integrate GraphQL and Apollo Client in React Native app
Published on May 11, 2020
•
15 min read
Chat app with React Native (part 4) - A guide to create Chat UI Screens with react-native-gifted-chat
Published on Apr 28, 2020
•
13 min read
An in-depth guide on how to use React Native Image Picker
Published on Apr 27, 2020
•
16 min read
Chat app with React Native (part 3) - Create Firestore collections to store chat rooms
Published on Apr 21, 2020
•
12 min read
How to add a Search bar in a FlatList in React Native apps
Published on Apr 16, 2020
•
11 min read
Chat app with React Native (part 2) - Firebase Email Authentication with react-native-firebase
Published on Apr 16, 2020
•
12 min read
Blogging tips after 3 years and a 100+ posts
Published on Apr 13, 2020
•
8 min read
Chat app with React Native (part 1) - Build reusable UI form elements using react-native-paper
Published on Apr 6, 2020
•
15 min read
How to create a custom hook to change status bar styles for every screen using React Navigation
Published on Mar 13, 2020
•
6 min read
Build an Expense Tracker app with React Hooks and LocalStorage API
Published on Mar 11, 2020
•
17 min read
Nesting Tab and Stack navigators in React Native and Expo apps
Published on Feb 26, 2020
•
8 min read
Getting Started with Stack Navigator using react-navigation 5 in React Native and Expo apps
Published on Feb 21, 2020
•
16 min read
How to handle navigation in WebViews in a React Native app
Published on Feb 7, 2020
•
9 min read
Getting Started with React Native and Expo using Hooks in 2020
Published on Jan 17, 2020
•
17 min read
How to add Dark mode functionality with React Hooks
Published on Jan 9, 2020
•
9 min read
How to use React Native Localize in React Native apps
Published on Jan 1, 2020
•
5 min read
Implement Push notifications for Android apps with React Native
Published on Nov 19, 2019
•
9 min read
Handle different field types in React Native forms with formik and yup
Published on Oct 26, 2019
•
7 min read
How to implement Forgot Password feature in React Native with Firebase
Published on Oct 25, 2019
•
8 min read
Image Classification on React Native with TensorFlow.js and MobileNet
Published on Oct 17, 2019
•
10 min read
Build and validate forms in React Native using Formik and Yup
Published on Oct 16, 2019
•
17 min read
Changing app themes using React Native, Styled Components and Redux
Published on Oct 2, 2019
•
11 min read
Using Context API with React Native
Published on Sep 27, 2019
•
14 min read
How Authentication Flow works in React Native apps using React Navigation 4.x
Published on Sep 10, 2019
•
10 min read
How to Build an Audio Player in React Native
Published on Aug 28, 2019
•
14 min read
Build a Not Hotdog clone with React Native
Published on Aug 27, 2019
•
18 min read
Building offline React Native apps with AsyncStorage
Published on Aug 18, 2019
•
34 min read
How to use the Geolocation API in a React Native app
Published on Aug 16, 2019
•
15 min read
How to build a xylophone app with Audio API, React Native, and Expo
Published on Jul 22, 2019
•
9 min read
How to Create a Chatbot with Dialogflow, NodeJS, and Webhooks
Published on Jul 19, 2019
•
13 min read
Using React Router to Optimize Single Page Applications (SPAs)
Published on Jul 11, 2019
•
12 min read
To Travel, A Tech Conference and One Million views - a Recap
Published on Jul 2, 2019
•
6 min read
How to integrate Firebase and Firestore cloud database with a React application
Published on Jun 20, 2019
•
11 min read
How to Setup a React App with TypeScript, Storybook
Published on Jun 14, 2019
•
7 min read
Build a Custom Modal with the Animated API in React Native
Published on Jun 13, 2019
•
16 min read
Build a Twitter Clone Server with Apollo, GraphQL, Nodejs, and Crowdbotics
Published on Jun 13, 2019
•
13 min read
Building Stylistic UIs with Emotion-JS for React Native
Published on Jun 4, 2019
•
15 min read
User Authentication with Amplify in a React Native and Expo app
Published on May 22, 2019
•
12 min read
Building a React Native Mobile App with AWS Amplify and Expo
Published on May 9, 2019
•
18 min read
How I Configure VSCode for Everything
Published on Apr 22, 2019
•
4 min read
React Hooks Basics — Building a React Native App with React Hooks
Published on Apr 19, 2019
•
17 min read
How To Build Your First VR App with ViroReact, React Native, and Crowdbotics
Published on Mar 28, 2019
•
9 min read
Build a Chatbot with Dialogflow and React Native
Published on Mar 26, 2019
•
10 min read
How to Build a Real Time Logo Detection App with React Native & Google Vision API
Published on Mar 20, 2019
•
14 min read
Using Styled Components with React Native
Published on Mar 19, 2019
•
17 min read
Create a React Native Image Recognition App with Google Vision API
Published on Feb 13, 2019
•
13 min read
How To Build a News Reader App with React Native and NewsAPI
Published on Feb 12, 2019
•
15 min read
Top open source libraries for Node.js
Published on Jan 31, 2019
•
16 min read
21 Useful Open Source Packages for React Native
Published on Jan 28, 2019
•
11 min read
3 Steps to learn React Native in 2019
Published on Jan 4, 2019
•
5 min read
Getting Started with React Native in 2019 - Build Your First App
Published on Jan 4, 2019
•
18 min read
My Top Tutorials in Web Development and React Native in 2018
Published on Dec 31, 2018
•
6 min read
Top Node.js Libraries and Tools For Machine Learning
Published on Dec 19, 2018
•
11 min read
How To Build a REST API With Nodejs and PostgreSQL
Published on Dec 10, 2018
•
17 min read
Integrating Firebase with React Native
Published on Dec 5, 2018
•
10 min read
How To Build A Blog From Scratch With React, Markdown, GraphQL and Gatsbyjs
Published on Nov 21, 2018
•
13 min read
Building an authenticated MERN Stack App Using Material UI
Published on Nov 16, 2018
•
32 min read
How to Build a Serverless Backend with AWS Lambda and Nodejs
Published on Nov 13, 2018
•
18 min read
Creating a GraphQL server with Nodejs
Published on Nov 5, 2018
•
17 min read
How to use Import statements in Nodejs
Published on Nov 1, 2018
•
6 min read
Setting up Nodejs Backend for a React App
Published on Oct 18, 2018
•
6 min read
Building a REST API with Koajs
Published on Oct 16, 2018
•
13 min read
Deploy a MERN stack app on Heroku
Published on Oct 12, 2018
•
17 min read
How to use React Navigation in a React Native App
Published on Sep 28, 2018
•
7 min read
Accessing Geo-location and App Permissions in React Native and Expo
Published on Sep 20, 2018
•
6 min read
Simple Recipe to Build a Theme App in React Native
Published on Sep 11, 2018
•
4 min read
How to integrate Redux into your application with React Native and Expo
Published on Aug 10, 2018
•
11 min read
Week 3 with React Native - Why use Expo?
Published on Jul 26, 2018
•
3 min read
Week 2 With React Native - Building a Weather App
Published on Jul 16, 2018
•
4 min read
React Native - How to Setup Your First App
Published on Jul 13, 2018
•
6 min read
Starting Over with React Native
Published on Jul 7, 2018
•
5 min read
How to Upload a File with Reactjs and Nodejs
Published on Jun 23, 2018
•
9 min read
React Native - Building a Minimalist Weather App using Expo XDE
Published on Mar 27, 2018
•
12 min read
React Native - Getting Started with Lottie and Expo
Published on Mar 9, 2018
•
5 min read
Build a Progressive Web App using React
Published on Feb 1, 2018
•
12 min read
Designing a REST API with Node.js and MongoDB Atlas
Published on Jan 22, 2018
•
13 min read
Gatsby.js - How to set up and use the React Static Site Generator
Published on Jan 4, 2018
•
9 min read
Ionic 2/3 CLI Reference
Published on Dec 19, 2017
•
4 min read
Passing Data Between Pages in an Ionic Application
Published on Dec 3, 2017
•
3 min read
Tips for Creating Nodejs REST APIs
Published on Nov 22, 2017
•
3 min read
Multi Page Navigation in an Ionic App
Published on Nov 19, 2017
•
5 min read
Using Google Fonts in an Ionic Application
Published on Nov 9, 2017
•
2 min read
Basic Navigation in Ionic Applications
Published on Oct 31, 2017
•
2 min read
How to use Font Awesome in an Ionic Application
Published on Oct 18, 2017
•
3 min read
What is Ionic?
Published on Oct 12, 2017
•
2 min read
Introduction to Hybrid Mobile Apps
Published on Oct 5, 2017
•
3 min read
Remove node_modules Recursively
Published on Sep 10, 2017
•
2 min read
Setup Nodemon to auto restart Nodejs application server
Published on Sep 10, 2017
•
3 min read
What’s New in npm 5?
Published on Aug 24, 2017
•
3 min read
Converting a Buffer to JSON and Utf8 Strings in Nodejs
Published on Aug 10, 2017
•
2 min read
Setting up MEAN Stack with Webstorm
Published on Jul 2, 2017
•
2 min read
How to paginate records in MySQL using Sequelize and Nodejs
Published on Jun 20, 2017
•
3 min read
Getting Started with Sequelize for Nodejs Applications
Published on May 30, 2017
•
4 min read
How to use ESLint in Node.js Applications
Published on Apr 28, 2017
•
4 min read
How to Mock Data for Node.js Applications using faker.js
Published on Apr 1, 2017
•
3 min read
Getting Started with Ionic Framework
Published on Feb 26, 2017
•
7 min read
Migrating from Expressjs 4 to 5
Published on Jan 11, 2017
•
2 min read
Using Bower With Heroku
Published on Dec 29, 2016
•
2 min read
Writing a Node.js Twitter Bot Part 2
Published on Dec 25, 2016
•
5 min read
Writing a Node.js Twitter Bot Part 1
Published on Dec 25, 2016
•
9 min read
Create a Simple Twitter Bot with Node.js
Published on Nov 23, 2016
•
9 min read
ATOM- An Editor of 21st Century
Published on Jul 14, 2016
•
5 min read
How process.nextTick() works in Node.js?
Published on Jun 25, 2016
•
2 min read
The Node.js system
Published on Apr 22, 2016
•
4 min read
The Node way - Philosophy of a Platform
Published on Mar 10, 2016
•
2 min read
JavaScript Code Conventions
Published on Jan 8, 2016
•
5 min read

Blog

How to clear global npx cache

Bypass CORS to fetch files when working with localhost

Setup Macbook M1 for Web and React Native development

Set default location for images, files and attachments in Obsidian

Convert png to jpg using ffmpeg

Keep homebrew up to date

2022 - A year in review

Change the color of hidden files and folders in VSCode

How to add opacity to a Pressable component in React Native

Open any folder from the Terminal app in a Finder on macOS

How to push local git tag to remote repository on GitHub

How to remove console statements from React Native apps

Getting Started with React Navigation v6 and TypeScript in React Native

Remove bottom border or shadow on header in React Navigation

How to remove AsyncStorage warning when using Firebase JS SDK with React Native

Patterns and Anti-patterns in Node.js

How to show Touch indicator on iOS simulator

How to handle Deep Linking in a React Native app

When to use keyExtractor prop in React Native's FlatList

Set up a Next.js project with ESLint, Prettier, Husky, and Lint Staged

How to install Node.js using NVM on macOS M1

Implementing Infinite Scroll with React Query and FlatList in React Native

How to rename default branch in Git and GitHub

Tamagui for React Native: Create faster design systems

2021 - A year in review

Create a custom hook to Show/Hide Password Visibility in React Native

How to avoid notches with Safe Area Context in React Native apps

How to configure VSCode Bracket Pair Colors Natively

How to add Splash Screen and an App Icon in React Native

How to use iOS simulator in full-screen

How to solve RCTBridge required dispatch_sync to load warning on iOS for React Native

How to Offer Multi-language Support in a React Native App

GET Request params with Axios

Environment Variables in Expo and TypeScript

How To Integrate Firebase Authentication With an Expo App

Common Prop Types in TypeScript and React

Prop types in React and TypeScript

🌱 Life at Draftbit - First 3 Months as a Developer Advocate

How to Create a Custom Image Gallery in React Native

How to Create a Custom Tab Bar in React Native

How to use ES6 import syntax in Node.js

How to upload an image using Expo Camera to Cloudinary

How to use React Native Geolocation to get Postal Address

React Native Performance Do and Dont

How to use shared element transitions in React Native

How to remove bottom tab bar border in React Navigation

How to use redux-persist in React Native with Asyncstorage

How to add an app icon in a React Native Android app

Year Rewind: 2020

How to create a custom scrollbar with React Native Animated API

How to manage state in React apps with useReducer and useContext hooks

Creating and Validating React Native Forms with Formik

How to use HarperDB instance with React Hooks

How to Animate a Header View on Scroll With React Native Animated

Add Environment Variables in a Netlify Deployment

How to use React Router and real time user monitoring in React apps

Build a REST API with Node.js and HarperDB

How to setup a React App with a Firebase project

Styling The React Native Way

How to create custom wavy headers with react-native-svg

How to integrate Material UI library in React apps

Chat app with React Native (Part 6) - Create a custom hook to change status bar styles

Creating "Quarantine Pro" — A Fun Learning Experiment in React Native

Chat app with React Native (Part 5) - Create and Fetch Real-Time Messages with Firestore

How to integrate GraphQL and Apollo Client in React Native app

Chat app with React Native (part 4) - A guide to create Chat UI Screens with react-native-gifted-chat

An in-depth guide on how to use React Native Image Picker

Chat app with React Native (part 3) - Create Firestore collections to store chat rooms

How to add a Search bar in a FlatList in React Native apps

Chat app with React Native (part 2) - Firebase Email Authentication with react-native-firebase

Blogging tips after 3 years and a 100+ posts

Chat app with React Native (part 1) - Build reusable UI form elements using react-native-paper

How to create a custom hook to change status bar styles for every screen using React Navigation

Build an Expense Tracker app with React Hooks and LocalStorage API

Nesting Tab and Stack navigators in React Native and Expo apps

Getting Started with Stack Navigator using react-navigation 5 in React Native and Expo apps

How to handle navigation in WebViews in a React Native app

Getting Started with React Native and Expo using Hooks in 2020

How to add Dark mode functionality with React Hooks