React Native ActivityIndicator examples
This article is about the ActivityIndicator component in React Native. Overview ActivityIndicator is a built-in component in React Native that presents a circular progress indicator, which can spin to indicate that the app is busy doing…
React Native: Opening a website URL with the default browser
In React Native, there is nothing similar to the <a> tag in HTML. In order to open a web link in a React Native app, we need to use the built-in Linking API. You can import…
React Navigation: The Most Basic Example
The short, simple, beginner-friendly example below will help you understand how to use React Navigation 6 (the latest version of the library) in a React Native project, regardless you’re a fan of Expo or a loyal…
Updating the PATH variable for Flutter on Mac
After downloading Flutter, you need to update your path in order to run flutter commands via the terminal. In macOS 10.15 or beyond (Catalina, Big Sur, Monterey), you need to edit the .zshrc file instead of…
Node.js: 2 Ways to Colorize Console Log Output
By default, when you print out something by using console.log() in Node.js, the output is usually white if your terminal has a dark background color or black if your terminal has a light background color. If…
How to use Legacy Build System in Xcode
This article shows you how to use the Legacy Build System in Xcode. Note that Legacy Build System is depreciated and only available in Xcode 13.x and older. Please make sure you have a proper reason…
React Navigation: Hide Header Bar on Specific Screens
To hide the header bar on one or some specific screens in a React Native app that uses React Navigation 6 or newer, just add the following option to Stack.Screen: Like this: For more clarity, see…
React Native: Handle TextInput, Button events with State hook
This article will show you how to handle TextInput, Button events in React Native with the useState hook. You will also learn how to dismiss the device’s keyboard after the button is pressed by using the…
Passing Data from a Child Component to the Parent in React
In React, passing data from a parent component into a child component is quite easy with “props”. On the other hand, passing data from a child component to a parent component is a little more complicated,…
A few examples of exports and require in Node.js
A few easy-to-understand examples that will help you understand “exports” and “require” in Node.js better. Example 1 Exports: Require (file index.js) Examples 2 Export (call it your-file.js or whatever you like): Require: Further reading: 2 Ways…
How to get all Links from a Webpage using Node.js and Cheerio
Node.js is a javascript runtime environment that helps you create high-performance apps. Because Node.js functions are non-blocking (commands execute concurrently or even in parallel, it can perform heavy tasks without incurring the cost of thread context…
How to show all installed extensions in VS Code
This short and straight-to-the-point article shows you how to show all installed extensions in the VS Code (Visual Studio Code). 1. Click on the Extensions icon or (hotkeys: Ctrl + Shift + X on Windows, Command…