Looping in JSX with React Keys: Beginner's Guide
Looping over arrays to render lists of elements is a common need in React apps. However, there are some special considerations when rendering lists in …
Read Article →JavaScript
98 articles about javascript development, tools, and best practices
Conditional Rendering in React
In React apps, you’ll often need to render different UI components conditionally based on certain state. For example, showing a login form if a …
Read Article →Passing Data Between React Components with Props
One of React’s core concepts is reusability through composable components. Components allow splitting complex UI into separate, reusable pieces. …
Read Article →How to Download a File in NodeJS without any Third Party Libraries
If you need to download a file in NodeJS without using any third party libraries, then you can do the following.
The NodeJS ecosystem comes with a fs …
How to Execute a Shell Script in NodeJS
If you need to execute a shell script in NodeJS, then you can use the exec keyword.
Syntax: exec(command [, options] [, callback]
const shell = …How to Convert Milliseconds to Date in Javascript
If you need to convert Milliseconds to Date in Javascript, then you can do the following:
How to Convert Milliseconds to Date in Javascript
let date = …How to Convert String to Title Case in Javascript
If you need to convert a String to Title Case in Javascript, then you can do one of the following:
Option 1 – Using a for loop
function titleCase(str) …How to Deploy React App to S3 and CloudFront
If you would like to deploy a React App to AWS S3 and AWS CloudFront, then you can follow this guide.
The following solution creates a React App and …
Read Article →[Solved] export ‘Switch’ (imported as ‘Switch’) was not found in ‘react-router-dom’
In react-router-dom v6, Switch is replaced by routes Routes.
You need to update the import from:
import { Switch, Route } from …How to get all checked checkboxes in Javascript
If you need to get all the checked checkboxes using Javascript, then you can do the following:
Option 1 – In a single line
const checkedBoxes = …How to Create a Hashtag Generator in Javascript
If you want to create a hashtag generator in Javascript, then you can do the following:
function generateHashtag(string) {
if (string.trim() === …How to Confirm before Leaving Page in Javascript
You can implement a function to be called before the user leaves a page with Javascript as follows:
window.onbeforeunload = function(e) {
return …How to Style an Element using Javascript
If you need to style an element using Javascript then you can use the style object to support all your CSS needs.
<html>
<body> …How to Wait 1 Second in Javascript
If you need your Javascript code to wait one (1) second (or more) while executing, then there are a couple of ways to achieve this.
Option 1 – …
Read Article →How to use forEach method in Javascript
Arrays come with a useful forEach function that allows you to loop through the array.
var colors = ['red', 'blue', 'green']; …How to Remove an Element from an Array in Javascript
If you need to remove an element from an array in Javascript, then you can use one of the following five (5) options:
Option 1 – Use splice to remove …
Read Article →
How to get the Alphabet as Array in Javascript
If you need to get an array of alphabetical letters in Javascript then you can use one of the following:
Option 1 – Explicitly define the array first …
Read Article →How to get the Screen Width in Javascript
Javascript gives a few options to determine the screen width.
When we say screen, we mean the browser window’s width itself.
Option 1 – Using …
Read Article →How to Reset Udemy Progress
If you need to redo a Udemy course and you would like to reset the course’s progress, then you can use the following Javascript snippet below. …
Read Article →How to Sort an Array of Objects by Property in Javascript
If you need to sort an array of objects by their property values using Javascript, then you don’t need to look further than the built-in sort …
[Solved] npm ERR! could not determine executable to run
If you get the following message, then there’s a very easy fix:
npm ERR! could not determine executable to run
This error usually means your git …
Read Article →[Solved] npm ERR! path node_modules/node-sass
If you get the following error and need a solution, then look no further!
npm ERR! code 1
npm ERR! path ./node_modules/node-sass
npm ERR! command …How to Install Lodash through Yarn for React
You can install lodash through yarn as follows:
Lodash is one of those utility libraries that saves you from writing the same helper functions over …
Read Article →How to update each dependency in package.json to the latest version
You have 2 options:
I use this when starting work on a project that’s been sitting for a while and all the dependencies are outdated. The …
Read Article →