How to resize images using Node.js

June 10, 2020 Goodman

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…

Using Axios to Download Images in Node.js

June 10, 2020 Goodman

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.

Crawling Facebook with Node.js and Puppeteer

June 9, 2020 Goodman

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…

How to create completely round images in React Native

June 8, 2020 Goodman

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 😉 😉

React Native: How to add shadow effects on Android

June 8, 2020 Goodman

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…

Clear all data and settings from iOS simulator

June 8, 2020 Goodman

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…

How to create round buttons in React Native

June 6, 2020 Goodman

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 5: useRoute hook example

June 6, 2020 Goodman

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 5: Hiding bottom tab on a specific screen

June 6, 2020 Goodman

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:…

Using Font Awesome Icons in React Native

June 3, 2020 Goodman

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…

React Navigation 5: Header background and header title color

June 3, 2020 Goodman

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…

React Navigation 5: Center the header title on Android

June 3, 2020 Goodman

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 🙂

React Native: Please accept all necessary Android SDK licenses…

June 3, 2020 Goodman

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…

React Navigation 5: Dynamic header title (with hooks)

June 2, 2020 Goodman

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…

Null is not an object (evaluating ‘_RNGestureHandlerModule…

June 2, 2020 Goodman

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)….

5 popular websites built with WordPress (2020)

May 30, 2020 Linda Walker

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…

Understand React useContext hook through example

May 28, 2020 Goodman

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…

1 2 3 4