This is a guide on how to reset Visual Studio Code to the default settings for both Windows and macOS users. The Steps 1. Go to View > Command Palette or press Cmd + Shift +…

This article shows you how to how to add code to the path in Windows and macOS so that you can launch the VS Code in any directory by running: You can also open a file…

In this article, we’ll create a simple React project with a checkbox and a button: If the checkbox is unchecked, the button will be disabled and can not be clicked. If the checkbox is checked, the…

This article shows you 2 ways to increase or decrease the font size in Visual Studio Code (VS Code). Method 1: Using hotkeys For macOS users: Press “Cmd” + “+” to increase the font size Press…

This article shows you how to change the indentation in VS Code. 1. Open your VS Code and: Go to Code > Preferences > Settings if you’re using macOS Go to File > Preferences > Settings…

This article shows you how to change your VS Code’s color theme. 1. Launch VS Code. If you’re using macOS, go to Code > Preferences > Color Theme. If you’re using Windows, go to File >…

To show all globally installed npm packages on your computer, just run the following command: Here is my output: If you want to see all global packages and their dependencies, use this:

The example below shows you how to use Font Awesome 5 with Next.js. 1. Create a new Next.js project then install the required packages: 2. Edit the page/_app.js file (create one if it doesn’t exist): Note…

This article shows you how to add a favicon into a Next.js project through a few easy steps listed below. Step 1: Copy your favicon file (my one named favicon.ico) to the public folder located at…

Before installing Docker Desktop for Windows or macOS, just check the system requirements listed below. Windows Minimum system requirements OS: Windows 10 64-bit: Pro, Enterprise, or Education (Build 16299 or later) Processor: 64-bit processor with Second…

Below are the system requirements to install and run Flutter on Windows and macOS. Windows Minimum requirements: OS: Windows 7 SP1 64-bit, Windows 8.1 64-bit, Windows 10 64-bit Free storage: 1.32 GB Pre-installed tools: Windows PowerShell…

Problem When running a Flutter app, you may see this error message: This often occurs after upgrading Flutter to a newer version. Solution To fix the mentioned error, I just upgrade all the dependencies listed in…

This article shows you how to disable the landscape mode in Flutter. 1. Import the services library to your main.dart file: 2. Add the code snippet below to the main() function in your main.dart file: 3….

This article shows you how to install Flutter and Dart plugins in Android Studio (you’ll see warnings when running flutter docker if these plugins haven’t installed yet). 1. Open your Android Studio, click Configure and select…

An easy and good way to create a round button (not “rounded button” or “pill button”) in Flutter is to wrap a RaisedButton widget inside a square Container and using the BorderRadisu class. Sample code:

An easy solution to determine whether your React app is rendering on a mobile device or a computer is to use a library called react-device-detect. Example Installation: The code: Check it out with Chrome developer tool:…

This article shows you how to code a modal box from scratch in ReactJS without any third-party libraries. Prerequisites: Basic ReactJS knowledge Basic CSS knowledge This is how our modal works: The Code Create a new…