React Native ActivityIndicator examples

January 26, 2022 A Goodman

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

February 12, 2023 A Goodman

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

January 8, 2023 A Goodman

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

February 5, 2023 A Goodman

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

July 10, 2022 A Goodman

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

February 8, 2023 A Goodman

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

January 19, 2022 A Goodman

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

January 26, 2022 A Goodman

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

January 19, 2023 A Goodman

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

February 23, 2022 A Goodman

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

March 19, 2022 A Goodman

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

September 7, 2022 A Goodman

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…

1 76 77 78 79