Resizing images in Node.js is super easy with a library named gm. To use this one, you need to install ImageMagick first. Here is the download page for Windows, Linux, and macOS. After installing ImageMagick, open…

This article shows you how to download images from the internet by using Node.js and a third-party module called Axios. Installation The code: Now, execute your code and see what happens.

Puppeteer is a great library for Node.js which can help you crawl data from modern websites that using Javascript (React, Angular, Vue, jQuery Ajax…) to load and render content. In this tutorial, we’ll build a simple…

To create perfectly round images in React Native, just give the borderRadius property a very high value. Example The code: Perform the snippet above and see the result on your machine 😉 😉

To add shadow effects on Android, you need to use the elevation property. Example This example shows you how to create drop shadows on both iOS and Android. Unfortunately, when using drop shadow on Android with…

To remove all data and settings from an iOS simulator, just click Device then select Erase All Content and Settings from the drop-down menu. A confirm dialog will show up. Click on the Erase button. The…

The example below will show you how to create round buttons in React Native. We will use TouchableOpacity instead of the basic built-in Button component. Code Replace the default code in App.js with the following snippet:…

React Navigation provides a hook which helps you access to the route object. It is the useRoute hook. Example Create a new React Native project, delete all the default code in App.js and add this (don’t…

React Navigation is a great library for React Native to navigate. If you’re using createBottomTabNavigator and want to hide the bottom tab bar on a specific screen, just use the tabBarVisible option: Full example App.js: Test:…

This tutorial will show you how to use Font Awesome icons in a React Native app. Adding Font Awesome to your React Native project Install the required packages: Link your native dependencies by running: Usage Import…

When using React Navigation 5 to route and navigate your React Native apps, the header bar background color and the header title color is totally up to you. To set the header background color, use this…

By default, the header title of a React Native app that using React Navigation 5 is on the left side. To center it, just add this option: Full example: Screenshot: Happy coding 🙂

Problem When try to run a React Native app on a virtual Android device with the following: You may face this error: error Failed to install the app. Please accept all necessary Android SDK licenses using…

This article shows you how to dynamically update the header title of a screen in a React Native app. We will use React Native latest version, the useState hook, the useEffect hook, and the React Navigation…

When developing a new React Native project on my Mac, I fall into a problem when running npm run ios. I’m using React Navigation 5 and React Native 0.62.2 (you can check out my dependencies below)….

WordPress is the most popular CMS on the planet, trusted and used by millions of people and companies around the world for nearly 20 years. Let’s have a look at some of the biggest websites using…

The React Context API is useful for passing data (including number, object, function… ) deeply throughout a React app. It makes your life much easier than using multi-level props. The useContext hook is available in React…