Aman Mittal articles - 73 total
Stash changes in a git repository with VS Code
git stash is a useful command that temporarily stores current changes in a Git repository without...
Change comment color visibility in a VS Code theme
Switching to a different theme in VS Code can often lead to a mismatch in personal preferences. I...
How to add opacity to a Pressable component in React Native
Pressable component was introduced in 2020 as a core component wrapper that can be used instead of...
Getting Started with React Navigation v6 and TypeScript in React Native
When you have a complex mobile application structure or many screens in your application, handling...
How To Use React Native AsyncStorage
Persisting data in mobile apps can be valuable to increase the user experience. In this post, we show how to implement this asynchronously in React Native.
Using Transifex Native to add internationalization (i18n) to a React app
Internationalization in an application provides multi-language support for a target set of app users...
When to use keyExtractor prop in React Native's FlatList
In React Native, the FlatList component works well to render a long list of data. It renders only the...
Patterns and Anti-patterns in Node.js
Node.js is a backend JavaScript runtime built on Chrome's V8 engine that's asynchronous and...
How to install Node.js using NVM on macOS M1
Node.js can be installed in different ways. I recently started working on an organization repository...
Implementing Infinite Scroll with React Query and FlatList in React Native
In this tutorial, let's learn how to implement an infinite scroll using the FlatList component in React Native.
How to rename default branch in Git and GitHub
I'm currently maintaining a GitHub repo that is grown over the last year. It primarily contains all...
2021 - A year in review
As we transition to 2022 and leave 2021 behind, it's a great time to reflect on the year passing by....
Create a custom hook to Show/Hide Password Visibility in React Native
Building login and signup forms in a React Native app comprise input fields and buttons. One field...
How to add a Splash Screen and an App Icon in React Native
In this tutorial, let's learn how to display a splash screen when an app starts and also how to add app icons in a React Native app.
How to avoid notches with Safe Area Context in React Native apps
Most devices nowadays come with a notch or some kind of status bar. Therefore, when building a mobile...
How to use iOS simulator in full-screen
When working on React Native or Expo applications, it is important to create focus to get in a flow....
How to configure VSCode Bracket Pair Colors Natively
With an update in August 2021, VSCode started supporting Bracket pair colorization natively. It means...
11 Best No-Code and Low-Code Back-Ends for 2021
No-code and Low-code development platforms let people worldwide build their businesses and...
Integrating Firebase with React Native
In this tutorial, you'll learn how to start building your cross-platform mobile app MVP with the power of Firebase and React Native.
How To Integrate Firebase Authentication With an Expo App
In this tutorial, let's take a look at how as a mobile developer building applications using Expo SDK, you can integrate and use Firebase Authentication.
Prop types in React and TypeScript
Cover Image by Scott Webb on Unsplash PropTypes provide built-in typechecking capabilities when...
Life at Draftbit - First 3 Months as a Developer Advocate
Photo by Prayer X on Unsplash It has been 3 months since I joined Draftbit. It feels like I’ve bee...
How to upload an image using Expo Camera to Cloudinary
In this tutorial, we’ll take a look at how to use Expo Camera to take a picture and then upload it into the real-time cloud service Cloudinary.
How to use ES6 import syntax in Node.js
A module is a JavaScript file that exports one or more values. The exported value can be a variable,...
How to use React Native Geolocation to get Postal Address
In this tutorial, let's learn how you can implement a feature to get the current location of a device in a React Native app. To do this we’ll be using an API provided by Expo.
Setup Macbook M1 for Web and React Native development
🕑 Updated on: February 01, 2022 Note: Most of this article was updated in August 2021. The...
How To Use Redux Persist in React Native with Asyncstorage
The Redux Persist library provides an easy way to save a Redux store in the local storage of React Native apps. In this post, we explore how to set it up.
How to remove tab bar border in React Navigation
Navigation plays an important role in mobile applications and the React Navigation library does an aw...
How to add an app icon in a React Native Android app
In this post, let's generate an app icon and learn how to add it to an Android app build with React N...
How to create a custom scrollbar with React Native Animated API
A ScrollView is a component that enables to view the content on a device's screen that is not able to...