JavaScript

Best Open Source React framework and libraries for Building Enterprise B2B apps

Leveraging Web Scraping for Dynamic Pricing Strategies for E-commerce

How to leverage web scraping to enhance and optimize your e-commerce dynamic pricing strategy: benefits, challenges, and solutions.

Web Scraping in JavaScript: How to Scrape an E-Commerce Site

How to streamline E-Commerce web scraping with uninterrupted data gathering, effortless CAPTCHA bypass and automated proxy rotation.

Best Practices for Seamless User Interaction in Vue Application

How to Build and Deploy a Next.js App on AWS Apache Server

This article will take you through the steps required to prepare a Next.js application for production and deploy it onto an Apache server running on an Amazon Web Services (AWS) EC2 instance. I…

8 Types of JavaScript Functions

Learn about the different types of JavaScript functions, including anonymous functions, arrow functions, and more

How to Find Elements in an Array in JavaScript

6 Different Ways to Find Values in an Array in JS

How to Fix the Issue Where We Can’t Type in a React Input Text Field?

In this article, we’ll look at how to fix the issue when we can’t type inside a React input text field. To fix the issue when we can’t type inside a React input text field, we should make sure the…

How to Append JavaScript Data to FormData

Append primitive values, arrays, objects, and files to a FormData in JavaScript. Follow this tutorial and become a FormData master!

Real-Time Image Processing using WebSockets and Flask in Python and JavaScript

Real-time image processing has gained a lot of importance in recent years due to its various applications. The applications range from facial recognition to autonomous vehicles. In this tutorial, we…

Getting Started With WunderGraph: An API Gateway That Turns GraphQL Into RPC on the Fly

A comprehensive guide to WunderGraph, with a focus on its new TypeScript Operations feature - async resolvers for data fetching, with shared types between Server & Client.

Vue.js Vapor Mode and Other Roadmap Updates from Vue Amsterdam 2023

Vapor Mode is a compilation strategy that compiles a Vue SFC into JS output that is more performant and uses less memory. There are 2 ways to configure this

How to Rotate an Image with JavaScript

Be Careful of Passing an Async Function as a Parameter in JavaScript

TS 5.0 Beta: New Decorators Are Here!

TypeScript 5.0 Decorator, TypeScript ES Decorator, TypeScript Decorator, TypeScript Decorators, How To Use Decorators in TypeScript, Decorator in TypeScript, The Magic of TypeScript Decorators, typescript decorators guide, TypeScript 5.0, TS 5.0

Working with styled-components in the Next.js

Styled-components is a popular CSS-in-JS library that allows you to write component-based styling in your React projects. When combined with the capabilities of Next.js, the result is a powerful…

It’s 2023 Now! React State Management: Context or Redux, Which Side Are You On?

Hi there. Today, I am going to discuss when to use what and why. Before I lay down my points and the foundation of my discussion, I would like to first get all of us on the same page about what…

Create a Bank Claim Form Using Angular and SurveyJS

A step-by-step tutorial for creating a multi-page bank claim form using Angular and SurveyJS, a free, open-source JavaScript library.

How to add a key to an object in JavaScript

How to Download Files with JavaScript

Support for downloading files is a very common feature of web application. Over the past few years, I have developed this feature many times. In this article, we will learn how to download files…

How to Remove Undefined Values from Objects in JavaScript

I’ve often found myself working with data that contains undefined values. These values can cause issues with data manipulation and can lead to unexpected behavior in your code. In this article, I’ll…

How to Get Today's Date in JavaScript

Add Angular 15 Missing Files

How to Create Guarded Routes using React Router v6

If you have worked on a React App with React Router Dom, you would have felt the need to restrict user access to some specific part of your app. It can be authentication-based, permission-based, etc…

A Beginner's Guide to OpenAI API in JavaScript

Learn how to use OpenAI API in JavaScript to build AI-enabled apps. This guide covers installation, authentication, and code examples. Enhance your projects with OpenAI's language and deep learning models.

Check if string is Alphanumeric in JavaScript

In JavaScript, it is often necessary to check if a string is alphanumeric, which means it contains only letters and numbers and no other characters. This can be useful for validation purposes, such…

How to Find String Index in JavaScript

Best Tool for Web Scraping: BeautifulSoup vs. Regex vs. Advanced Web Scrapers

BeautifulSoup, Regular Expressions, or an advanced web scraper - which is the best tool for web scraping? A deep dive into web scraping using each.

Creating JavaScript functions and web apps with GPT-3’s free code writer

The new wave of GPT “3.5” models also includes a more powerful davinci model, now version 003, and a new model specialized for writing code, called code-davinci-002. For the moment, this model is…

How to Fix the “Cannot access before initialization” Reference Error in JavaScript

How To Solve Hydration Error In Next.js

Today, let’s talk about hydration error that often occurs in Next.js. Most of us used Next.js must be familiar with the following error: The reason for the error has been clearly stated in the error…

Const vs. Function For React Functional Components

For some time now I have been wondering if there is a benefit to using function over const when declaring functional components, and vice versa. So, I decided to do a little research, and I will sum…

How to Check if a Value is Within a Range of Numbers in JavaScript

We can use the JavaScript’s greater than or equal to and less than or equal to operators to check if a number is in between 2 numbers. We can use the JavaScript’s greater than or equal to and less…

How to Check if a String Contains Uppercase Letters in JavaScript

Learn how to easily check if a string contains capital letters in JavaScript.

5 Things We Can Do to Decrease Load Time of the React Application

1. Clean Unused Lines Of Code, 2. Clean Unused React Components, 3. Splitting Up Into Components, 4. Server - Side - Rendering, & 5. State Management

How To Store JSON Data In Local Storage - JS, React, Angular

Learn how to store data in localStorage in JavaScript, React, or Angular.

How to Build and Deploy a Cloud Native App

Build, Deploy and Run a Cloud-Native Application, built with JavaScript, Klotho, and AWS

Centralized Error Handling in NestJS

A guide on how to handle all errors in a NestJS application.

Angular DOM Manipulation: ElementRef, TemplateRef, and ViewContainerRef

An overview of elements, templates, views, and view containers in Angular and how to modify the DOM programmatically.

Better Unit Testing in Visual Studio Code with Jest

Use The Jest Extension to Dramatically Improve Your Testing Flow

Build a Multi-step Form With React Hook Form

A tutorial on how to build a multi-step form using React Hook Form.

An Amazing Visual Studio Code Extension You Might Not Know About

Introducing Blackbox: The AI that gives you code solutions in response to the questions you enter.

How to Set Focus on an Input in React

Make the user experience better by automatically applying focus to inputs

Passing Arguments to Event Listeners in JavaScript

JavaScript essentials that you might not know about

How to Remove Duplicates From an Array of Objects in JavaScript

JavaScript: How to Add and Remove Event Listeners

What is the purpose of event listeners? Event Listeners ensure your page responds accordingly when a specific action occurs.

How to Create Your Own Layout Component in Vue.js

A guide on how to create basic layout components with Header, Footer, and content section.

Why Create React App is Outdated in 2022

Create React App is what almost every developer (including myself) learned to use first when learning the JavaScript library React and I think this has led to a couple of significant flaws. While…

React Router: How to Use the useParams() Hook

A guide (with examples) on how you can use the useParams() hook to improve your web applications.

How to Build Your Own Surveys & Extend Them with Custom JavaScript

A primer on how to use your own JS functions, to augment the conditional logic and validators SurveyJS ships with.

Building A Beautiful Link Preview With Web Components

Recently, I improved the design of my Web Highlights app's dashboard by showing a link preview for each highlighted page. Here is what the new design looks like: In this article, I want to share how…

Create a Ping Pong Game Using JavaScript

Learn how to make a ping pong game with JavaScript and HTML

10 Best React Notification Libraries in 2022

How to Use React.FC Children Prop in React 18 with TypeScript

How to deal with the new React 18 React.FC type and the children prop for TypeScript

Custom Dropdown Element with React & TypeScript

A guide on how to create a simple React dropdown component using TypeScript.

Angular: Reload/Refresh a Component or Entire Application & Reuse Logic Across Multiple Components

An Angular tutorial on how to reload/refresh a single component or the entire application and reuse the logic across multiple components.

Build a Sudoku Solver App With JavaScript

A JavaScript app to solve sudoku puzzles using backtracking

How to Sign In with Google in Node.js

A guide on how to sign in with Google for websites created in JavaScript.

React and Next.js is DEAD — Something New is (Finally) Replacing It (For Good)

Is this the beginning of the next revolution for JavaScript Framework? Apparently, YES!

How to Retry Requests Using Axios

A tutorial on using the Axios interceptor to retry requests.

SurveyJS: Why It Is Better Than Your Average JavaScript Survey Library

5 ways in which SurveyJS, a free and open-source library, does so much more than just build surveys.

How to Implement a File Upload Server with Node.js

Parse form data using the busboy module.

How to Convert Minutes to Hours and Minutes in JavaScript

Learn how to easily convert separate a number of total minutes into full hours and remaining minutes in JavaScript.

How to Check if a String Contains Only Letters and Numbers in JavaScript

Learn how to easily check if a string contains only letters and numbers in JavaScript.

How to Download a File Using JavaScript

Download files using the File Blob

Async/Await in Angular ngOnInit using TypeScript Decorator

These TypeScript method decorators make lazy loading easy by making sure that certain async functions are always called before others.

How to Add an Item to an Array in Vue.js

A quick guide on how to easily add an item to a state array in Vue.js

Understanding the '413 Request Entity Too Large' Error

Dealing with the HTTP '413 Payload Too Large' error in Express

How I Created A Secure, Self-Hosted Survey In Minutes With React + SurveyJS

The importance of fully owning survey data in a privacy-focused world.

The Latest ES13 JavaScript Features

Convert Time From AM/PM to 24-Hour Format Using JavaScript

A tutorial on converting time from AM/PM to 24-hour format using JavaScript.

How to Find the Odd Numbers in an Array with JavaScript

Why You Should Use SurveyJS Instead of Google Forms

SurveyJS has speed, customization, and scalability in a free and open-source package

Meet FusionGrid - The Rocket Fuel for Data-Intensive Applications with Integrated Charting

JavaScript Dot Notation vs. Bracket Notation: Which to Use When

The difference between Dot Notation & Bracket Notation, and when you should use each one.

How to Handle Mouse Hover Events in React

Addressing the absence of the onHover event handler in React

Interviewer: What Happened to “npm run x”?

A secret that most people don't know.

Make a Rich Text Editor with JavaScript in 5 Minutes

Making rich text editor in 100 lines of code

How to Create a Download Button Using React

A guide on creating a download button using React.

5 Free Courses for Students to Learn JavaScript in 2022

27 JavaScript Data Visualization Libraries for 2022

Libraries for beautiful charts, graphs, and data visualization for your JS applications.

How to Upload Large Files Using Plain JavaScript

A guide on implementing a large file upload and breakpoint resume — solving an interview problem.

7 React Native Open Source Projects to Become a Better Mobile App Developer

One of the best ways to improve your development skills is to read a lot of code. The open-source project is the most valuable resource for learning about best practices, coding styles, and other…

What is “void 0” in JavaScript?

Is it similar to undefined? Should we avoid it or not?

Create Multiple Layouts Components with React Router

In a previous blog, we created our own React layout component with a header and footer. In this blog, we going to create multiple layout components. Follow the “Create Your Own Layout Component in…

How to Use the JavaScript Nested Ternary Operator

2 JavaScript Approaches to Encode/Decode HTML Entities

No plugins required. 2 strategies — (1) A <textarea> HTML element & (2) Regex pattern implementations.

7 React Frameworks for Developers to Use in 2022

Comprehensive list of React frameworks for software developers to increase website speed and responsiveness in 2022.

Meet React useEvent(): The Latest and Greatest React Hook

Hailed as the “missing piece in the original Hooks release”, useEvent() will change the way you write modern React.

How to Change an HTML Selected Option Using JavaScript

A tutorial on changing an HTML selected option with JavaScript.

How to Set Up Your TCP Client/Server App with Node.js from Scratch

A step-by-step guide on setting up your own TCP client/server application with Node.js.

Destructuring Function Parameters in JavaScript

An introduction to destructuring function parameters for beginners

How to Convert a Date String to Timestamp in JavaScript?

Different ways of converting a date string to a timestamp in JavaScript.

How to Make a JavaScript Function Wait Until an Element Exists Before Running it?

Advanced Page Transitions in Next.js with Router Events and GSAP

Build a Custom Theme Provider Using React's Context API

Add support for switching themes in your React App - no libraries, from scratch, in a simple way. All we need is React's Context API and CSS.

Enable HTTPS for Localhost During Local Development in Node.js

A tutorial on how to go from http://localhost:PORT to https://localhost:PORT.

Advanced TypeScript: Type-Level Nested Object Paths

A Real-world use case of Conditional Types, Type Inference, Template Literal Types, and Recursion.

How to Create a Toggle Button in React Using Conditional Rendering

Create a toggle button to show and hide data using the useState hook.

Why You Should Not Put Any Logic in the RxJS Subscribe Callback in Angular

RxJS & Angular best practices with examples

Step-by-Step Tutorial: React Redux 2022 with Hooks

Create a store from the ground up and integrate it with hooks.

How to Convert the Number of Seconds to a Time String in the hh:mm:ss Format with JavaScript?

The Difference Between useState and useRef in React

useState vs useRef in React: everything you need to know.

How to Declare Static Constants in ES6 Classes?

React with TypeScript or JavaScript — Which Side are You on?

JavaScript is the beloved child of frontend development, but TypeScript is the father of this beloved child. Learn to embrace it and get ahead in 2022.

How to Change a Device's Screen Orientation using Expo in React Native

A beginner's guide to handling screen orientation in React Native

Animating SVGs as React Components

Learn how to edit your favorite SVG in Figma and render it as a React component, to animate it using CSS.

Meet CodeLobster IDE: The Free PHP, HTML, CSS, JavaScript editor

Creating a tooltip directive in Angular

How to Create a Tooltip Directive in Angular

Best YouTube Channels to Learn JavaScript

Part 2: Continuation of the exploration of JavaScript YouTube world.

RSA Encryption in Node.js with Code Samples

A guide on RSA Encryption in Node.js with code samples.

How to listen to Formik onChange event in React?

Angular vs React vs Vue.js: Which is the Best Choice for 2022

Angular vs React vs Vue: Which is the Best Choice of Framework in 2022?

How to Make an Aviation React Component with Flight Arrivals and Departures from Airports

Best Way How To Install NPM Packages With an Exact Version

Why you should use exact package versions in your package.json

Sort React Components Using .sort()

A guide on the process of rendering child components from an array of objects and creating a Sort button using React.

Let's Create a Pagination Data Table with React and an External API

A guide on how to create a pagination data table with React using react-data-table-component

7 JavaScript Libraries for Data Manipulation, Visualization, and Machine Learning.

7 cool awesome open-source Javascript projects and packages listed in the npm registry to do data science, machine learning, and artificial intelligence.

How Many Hooks are Present in React?

The hook is a way to write less and cleaner code in React.

Which UI Frameworks Support Vue 3?

About the state of Vue 3 support

How Students Can Easily Do JavaScript Homework

The JavaScript ?? (Nullish Coalescing) Operator: How Does it Work?

How to Detect Arrow Key Presses in JavaScript?

A guide on how to detect arrow key presses in JavaScript.

JavaScript Algorithm to Check for a Perfect Square Number

Checking if a number is a perfect square

Reduce your React Applications Bundle Size by 75% with Compression

Which is Better? Class Component Or Functional Component in React?

Differences between functional components and class components in React.

The Evolution of Web Development 2022

Will JavaScript Frameworks Rule the World?

How to Create Zip files with Node.js

The Simplest Guide to Using Async/Await with forEach() in JavaScript (with Examples)

Using async/await with forEach() does not need to be a nightmare! Here are 4 solutions to your problem.

How to Send and Read Emails Using Node.js the Easiest Way

Send emails using Nodemailer and read using the IMAP library.

Create Your Own Layout Component in React

A guide on how to create basic layout components with Header, Footer, and content section.

How You Can Serve React Build Folder From an Express Endpoint

A guide on how to serve a React build folder from an Express endpoint.

Advanced Angular Interview Questions You Must Prepare For in 2022

Latest Angular Interview Questions

Angular: How I used Regex to validate form and display the type (uppercase, special, etc) of each character typed in a textbox and its count

10 Primary Skills You Need to Possess to Become a Front End Web Developer Within JavaScript

18 JavaScript CSS Scroll Effects For Website

In today’s article, I will introduce you to scroll effects built with HTML, CSS, JavaScript to help attract users’ attention as well as create interesting feelings when customers use the website! I…

How To Get Props Types in Next.js and TypeScript

Avoid boilerplate code with InferGetServerSidePropsType and InferGetStaticPropsType and Automatically Infer the Types for Your Page Component Props

20 Header Design HTML For Website

Today we will learn about beautiful header examples built with HTML, CSS, JavaScript for web design and development!

How to Create Global Variables in TypeScript with Node.js

Top-notch React Native talents: skills and tools

The Basic Vanilla JavaScript Project Setup

Here's how to get started with your next Vanilla JS project

12 Important JavaScript Functions Every Web Developer Should Know

Everything you learn here will speed up your development and save your valuable time!

Build a Dark Mode Toggle with JavaScript and localStorage

A brief article explaining how to build a dark mode toggle switch using JavaScript and localStorage.

How to Modularize Code in Vanilla JavaScript using 'import' and 'export'

How to Get and Set the Value of a Data Attribute with JavaScript

How to get and set the value of the `data-id` attribute of an element with JavaScript.

Bun: The Bundler You Need to Know As a JavaScript Developer in 2022

React Native — Infinite Scroll Pagination with FlatList

How to Use the Dialog Component with Headless UI and Tailwind CSS

Easily create a dialog component with Tailwind CSS

Build a Simple React Login Form using Event Handlers and React Hook

A simple beginner-friendly React login form tutorial using the onChange and onSubmit event handlers and the useState hook.

Extract Zip Files From and Back to the S3 Bucket using Node.js

A lambda function to unzip files from an S3 bucket.

How to Make Certain Properties Optional in TypeScript

How to Use enum Keys in TypeScript Interfaces and Types

Enum keys duplicated in interface

Znote: A markdown and JavaScript Lab inspired by Jupyter Notebook

Markdown and JavaScript Lab inspired by Jupyter

Getting Started with Yarn 3 and TypeScript

The next impressive iteration of the fan-favorite package manager.

Angular: Handle HTTP Errors using Interceptors

How to Structure Your React Redux App

Feature folder structure of the react-redux app for easy maintainability.

How to Create an Object of React Components

Why and How to Use Absolute Imports in React

An easy way to maintain clean code in React

Jest: How to Update Snapshot Tests

Create Your Custom Drop-down Menu with a Search Option in React

How to create a custom drop-down menu with a search option using existing React libraries.

How to Get Distinct Values From an Array of Objects in JavaScript?

Angular: DON'T Call Functions Inside The Template Anymore

Why you Should NOT Call Functions Inside Angular Templates

How to Create a “Read More” Collapsible Component in React

The -webkit-line-clamp way

How to Set Timeout with the JavaScript Fetch API using AbortController

React Query vs SWR

Which one should you choose for your next project?

How to Convert Node.js Code from JavaScript to TypeScript

How To Create and Download Files in the Browser With Vanilla JavaScript

I wondered how easy it is

How To Keep Component State Across Pages in Next.js

Using the session storage & useLayoutEffect

How to Host HTML, CSS, JavaScript, Images Files on GitHub for Free and Display Your Website

Here's how you can solve the annoying 404 error

How to Seed MongoDB Database From Node: The Simplest Way

How to Loop Through a Date Range with JavaScript?

Connect MongoDB to Node using Express and Mongoose

In this article you will learn how to connect a MongoDB instance with a Node.js application.

3 Ways To Store Data in the Browser

Cookies, local storage, and session storage

How to Use Callback in the useState() Hook?

Use Callback function in React's useState()

How to Run a Python Script using Node.js

Full code is provided at the end of the article

3 Different Ways to Import Modules in TypeScript

Recently, I have been learning TypeScript (an open-source language that builds on JavaScript) by creating a few applications. One of the things I needed to learn was how could I import modules and it…

How to Work with Input Fields in Cypress

How to Safely Concatenate URLs with Node.js

Learn one of the ways to safely concatenate URLs with Node.js.

How to Match an Exact String with JavaScript

Essential JavaScript Interview Coding Questions

How to Create and Style a div Using JavaScript?

Fun VSCode Extensions Every Developer Should Try

7 VSCode Extensions for Web Development in 2021

How to Build a Multi-Step Form Using Vue.js

Create a Text Portrait using CSS

How to Replace Text Inside a div Element with JavaScript?

How to Disable Dragging an Image from an HTML Page

You can download the “Download Restricted” files as PDF (Google Drive)

How to download “restricted” files as PDF from Google Drive using jspdf.

How Many Requests Can a Real-World Node.js Server-Side App Handle?

5 useEffect Infinite Loop Patterns

How to Handle Unsuccessful Fetch API Calls in JavaScript

How to detect when an input() value changes in Angular

Detect when input value changes in Angular

Converting an Excel file to JSON in Node: Beginner-Friendly Introduction to Node.js + NPM

Getting started with Node.js by parsing an excel file and learning about NPM and XLSX in the process.

Python and Django: Create a Dependent Chained Dropdown Select List

4 Reasons Why ‘var’ is Considered Obsolete in Modern JavaScript

JavaScript is a powerful language because you can write an entire software without adopting any other programming language at all. var used to be a way to declare variables in JavaScript. However…

WebAssembly vs JavaScript: Can WASM Beat JavaScript In Benchmark?

Many people think WASM is lightning fast and will eliminate JavaScript eventually. However, there are a few points to consider.

How To Copy/Paste Text Into Clipboard Using JavaScript

Create a Country Select Component with React

How to create a country select dropdown in React using Material-UI and i18n-iso-countries.

How to Get the Current Value of an RxJS Subject or Observable

Get the Current Value of an RxJS Observable — Daily Angular Tips, Tricks, and Best Practices

Setup AWS CDK In 2 Minutes

In 2 Minutes — Setup AWS CDK for You AWS Cloud Projects

How to Handle Database Deadlock in Sequelize

How to Use Web Workers in React

What are web workers, why use them, and how to implement them in React?

How to Handle Network Connection in Your React Native App

How to Dynamically Load Scripts in React

How to Add a Custom Google Font to a Next.js and Tailwind CSS App

Choosing the right font is an essential part of any design. The font you choose can have a huge impact on the message, voice, and feeling of your website or application. In this article, we will take…

Read/Write Excel File in Node.js using XLSX

Implement Debouncing in React in 3 Different Ways

Let's Build a Website Login Page with HTML, CSS, JavaScript and an External API

How to Create a Custom Cursor in React

Part 1: How to create a custom cursor in React without any module

7 Awesome APIs for All Frontend Developers

Useful APIs that you might need for your next projects.

Creating Invoices in Javascript and Node.js

In this article we are going to create an invoice in NodeJS in the most easy way possible. We will be using the NPM library EasyInvoice.

How to Apply a Filter to Angular for loop (*ngFor) in HTML

Filter Pipe which can filter the whole array of objects

Let's Build a CRUD Website with HTML, CSS, JavaScript and an External API

Build a Blog App with React — Intro and Setup

Part 1: In the first part, we deal with the basics of the project and set it up.

Array Destructuring in JavaScript: A Comprehensive Beginner's Guide

Use S3 to Store Images From Your Application

A walkthrough of how to use S3 as image storage for a NodeJS/Express application.

Build a ToDo List App using React Native

A Guide to Nested Promises, Anti-Pattern, and Alternatives

How to Use JavaScript Libraries in Angular Project

How to Pass Props from Child to Parent Component in React

Learn this neat little trick to pass chunks of props back up the component tree!

Hiding DOM Elements in React Based on Scrolling

Creating an Interactive Background in React with Particles.js

A tutorial for making responsive and elegant interactive backgrounds in a few simple steps.

Basic React Login using External API

How to Detect the Closing of a Browser Tab

5 Advanced React Patterns

An overview of 5 modern advanced React patterns, including integration codes, pros and cons, and concrete usage within public libraries.

HTTP Interceptors in React

Write supercharged interceptors for your React app.

How to Mock AWS S3 in a Jest (Unit) Test

How to Build Scalable Form Factory By Vue 3 — Form Builder Pattern

How to Capture Images Using React Webcam

Build A Hybrid App Using Cordova + Angular

Cordova is a cross-platform tool used to develop a Hybrid App. Hybrid apps using Cordova are web apps written using HTML, CSS, and any JavaScript framework/library. Cordova is responsible for…

Passing Data From Child to Parent Component in TypeScript React

How to Generate QR Code Using Node.js

Generate 10x traffic from Google using Programmatic SEO with Next.js

How to Setup Tailwind CSS in Vue 3

A streamlined walkthrough if you hate docs so much.

Dealing with Code Splitting Network Failures

Reloading code split chunks to attempt to recover from network failures.

How to Migrate an existing React Web App to Desktop App with Electron

JavaScript Interview Preparation Guide (50 Output related questions)

Frontend Developer Cheat sheet

How to Run 'npm run build' on a Low Spec Server?

Create a Custom Video Controller Using ReactPlayer

How to Setup Path Resolving in Vite

How to Build a Contact Form in React that Sends Emails

Create a browser-agnostic PWA install button

The whole point of PWAs is that they work everywhere. So an install button should by definition be browser-agnostic. Here is how to build the perfect PWA install button.

How to Use The Autocomplete Component in Material-UI

Enhance your text input with a list of suggested options

How to Clone an App from GitHub

Clone and run a React app with this detailed tutorial

Number Base Conversion in JavaScript

Converting from one base to another in JavaScript is easier than you thought

A Guide to Asynchronous Array Iterator Functions

For Map, Reduce, Filter, Every, and Some

How to create a Rotation Animation in React Native

In this tutorial, I’ll show you how to create a button that rotates 720 degrees when it’s pressed. We will be using the React Native Animated animation system to create the rotation animation. First…

Build Your Own Proxy Server from Scratch with Node.js

Testing React Hooks

A guide to using React Hooks Testing Library

How to Get the ID of the Clicked Element in the JavaScript Click Handler?

Improve Your End to End Tests with Cypress Intercept

Learn how to capture network calls for stubbing, assertions, and more.

JavaScript Algorithm: Convert String Characters into ASCII

Create a function that will return an array containing the ASCII codes of each character from a string.

How to set up SonarQube locally on a React TypeScript Project

JavaScript Data Structure Interview Questions (and Answers)

JavaScript: How To Intercept Function and Method Calls

Intercepting function or method invocation in JavaScript. Monkey-patching or proxies. Let’s talk about that.

Hosting a Node.js app on Heroku in Less than 5 Minutes

Build a Video, Audio + Screen Recorder Web App with JavaScript

Connecting React with LocalStorage

A Guide to Creating a LocalStorage React Hook

JavaScript Error and Exception Handling

How to Upload Images in Your Node.js App

Easiest Way to Find the Most Frequent Element in Array

Creating a Chrome Extension with React

Build a Captcha Generator Using JavaScript

How To Check If A Variable Is A Number In JavaScript

Here are 3 ways that you can check

Improving Webpack Developer Experience

With Create React App's React Developer Utilities

How to Count Page Views With The Count API

An easy way to count your page views with JavaScript.

Create an Array of Alphabet characters in JavaScript with this simple trick

How to Setup and Add Google Analytics to your React App

The Complete Full Stack Web Developer RoadMap 2022

The ultimate guide to becoming a modern full-stack web developer.

How to Create and Publish your own NPM Package

Create an account in the NPM registry, write some code for your package and publish

Which type of loop is fastest in JavaScript?

Learn which for loop or iterator suits your requirement and stops you from making silly mistakes that cost your app performance.

How to Add Roles to Existing User in MongoDB

Compress Images Before Upload in React with React Image File Resizer

How to manipulate our image before uploading in a React app.

What is the Difference Between Java and JavaScript?

How To Reload a Page Whenever a User Makes a Change with React/Redux

Using forwardRef with React hooks

Document Your React Applications The Right Way

A step-by-step guide on properly documenting our React applications

Build an Auto Logout Session Timeout with React Hooks

A Guide to Documenting Controlled Components with Storybook

A Guide to Managing External Storybook State

Mongoose with NestJS and MongoDB

How to Create a Custom Table Component in React

Top Node.js Frameworks For Web Apps In 2022

6 Best Node.js Framework For Web Apps in 2022

Mocking imported constants/methods in JavaScript with Jest

How to read files with Buffer & Stream in Node.js

50 VS Code Extensions That Will Make You a Better Developer

If you are a programmer, there is a high chance that you are using the Visual Studio Code for your development. It is a free source code editor released in 2015, developed by Microsoft and runs in…

JavaScript Frameworks, Performance Comparison 2020

The ultimate performance battle between JavaScript frameworks

Creating a Simple Accordion with HTML, CSS and JavaScript

A simple guide on how to build an accordion

How performant are Array methods and Object methods in JavaScript?

Analysing the Big O of various Array and Object methods

Ways to Solve the Classic Two Sum Algorithm Question with an Explanation on Big-O

Keep reading to find out how this Ferrari applies to Big-O!

How to Add Emoji to Your Angular application

Nowadays, it is impossible to escape emojis. We are surrounded by smilies that express our feelings or have the sole purpose of shortening our sentences. Whether you are laughing 😂 or whether the…

How to Use Axios in Vanilla JavaScript

Learn about Axios with practical examples

How To Create Horizontal + Vertical Scroll Shadows

In Pure CSS or with CSS + JavaScript

Create Editable HTML in React

How to Render Next.js with NestJS

Did I just make Next.js better?

4 Ways to Check if the Property Exists in JavaScript Object

Creating an HTML5 Integer Input

When the HTML5 Number Input Is Not Enough

How To Add, Modify and Delete JavaScript Object Literal Properties

5 Ways to Convert String to Array in JavaScript

Libraries for using localStorage in your Node.js Project

JavaScript Algorithms: Valid Parentheses (LeetCode)

Are JavaScript for loops better than filter() and forEach?()

Over the last few years, the methods in ES6 like filter(), forEach() and map() have been ever so popular. But are they actually better?

AWS SES: How to send a mail with an attachment in Node.js

How to Show a Loader Until the Fetch API Has Finished Loading the Page

5 Tips to Perfect React Testing Library Queries

My strategy to retrieve any element with the Testing Library API

How to Create a Toggle Button in Vue.js

Generating PDF from Images on the Client-side With React

Convert images to PDF on the frontend with no server

Simulate Browser Interactions with Testing Library's UserEvent

A guide to Testing Library's UserEvent API

How to Create, Download, and Upload Files in React Apps

No server needed!

Create a Browser with React.js and Electron

Building a Rock Paper Scissors Game with JavaScript

Let's Build a Rock Paper Scissors Game Using Vanilla JavaScript

How to Store Login Sessions with LocalStorage and SessionStorage

Save Current LoggedIn user in SessionStorage and information of all the users from LocalStorage, all using plain JavaScript!

Here Are 13 Advanced React Dev Interview Topics

A collection of topics that are frequently asked in React Front End Developers Interviews

Can You Build Web Components With Svelte?

Building an Animated Counter with React and CSS

A guide on how to create your own version of an animated counter component that you come across all over the web

JavaScript Algorithms: Integer to Roman (LeetCode)

Prettier — The Formatting Big Brother of ESLint

Empowering developers through Prettier's automatic code formatting

Easy table sorting with JavaScript

A simple technique for static or dynamic sites

4 Ways to Create a Modal Popup Box with HTML, CSS and Vanilla JavaScript

How to create a basic calculator using HTML, CSS and JavaScript

Deep clone an Object and preserve its type with TypeScript

From Shallow Copy to Deep Clone with Type

How to Optimize your Angular Application for Production

Optimizing your Angular application for production

How I dealt with over 30,000 ESLint errors

ESLint — Migrating to a Comprehensive Configuration

Build a Simple Referral System With Node.js and MySQL

Get more signups on your next project with a referral program

ESLint — A Proofreader for your Code

A practical guide to setting up and using ESLint

6 Browser APIs You Need To Know As A Front End Developer

Browser APIs (or web APIs) are the APIs that come built-in with the browsers. They allow developers to perform complex operations without dealing with the sophisticated lower-level code. There are a…

Creating a dynamic HTML table with JavaScript

A hands-on guide for a Server-Side Rendering React app

In the previous article, we described how to make a production build and deploy it to a server. Naturally, the next step is the server-side rendering. We are going to walk through the process by…

The Advanced Way to Style with Styled Components

A more in-depth look at the power of styled-components

The Modern Way to Style with Styled Components

An in-depth look at the power of Styled Components

A guide to creating a React app without create-react-app

Creating a React App from scratch

WebGL Frameworks: Three.js vs Babylon.js

Battle for the Best WebGL Frameworks: the Story as I Told It

How to build a website with only JavaScript

Interaction Testing with React Testing Library

A window into React component testing

How to Build a Search Bar with JavaScript

A quick walkthrough on how to build a search bar feature with JavaScript

Next.js With Sequelize Web Application, a Full-Stack Web Development

Next.js has become more advance and cutting edge to developers for use as a Full-Stack web Application. The community and people behind Vercel have done a great job on Next.js future.

Handling Asynchrony in Vue 3 / Composition API

Part 1: Managing Async state

How to Create a Slider in JavaScript

Learning Web Development in Practice

How To Avoid Prop Drilling in React Using Component Composition

No Redux or Context API

Getting Started with express-validator

How to use NPM (and import/export modules) in JavaScript

Add Custom Markers with the Google Maps JavaScript API

An updated solution on how to add Google Maps to your website using JavaScript and tweaking it with customer markers

10 Tricky JavaScript Coding Interview Questions (And Solutions)

Many Ways to Rerender a Vue Component

Parsing post data 3 different ways in Node.js without third-party libraries

application/json, application/x-www-form-urlencoded, and multipart/form-data

6 Interview Questions That Combine Promise and setTimeout

Thoroughly master this type of interview question.

Base64 Encoding in JavaScript

Including upload an image using base64 in JavaScript

Stripe Payment Form with React and Material-UI

Part 4 - Implement Stripe

Make your own YouTube Downloader

JavaScript Coding Practice Challenges — Strings

Problems and Solutions in JavaScript

A Practical Guide To Become a Senior Frontend Developer

An actionable roadmap to becoming a senior front end developer by enhancing your skills in whether you are using react or angular or vuejs.

Regular Expressions Cheat Sheet in Node.js

A detailed story to learn, write and execute regular expressions easily

Why you can't break a forEach loop in JavaScript

No break in ForEach()

Using Node.js to Display Images in a Private AWS S3 Bucket

Bypassing the File System and Using Streams

How to Use React Router with Layouts: A New Approach

Using Array to Make Router in a Simple React App

Creating a Confirm Dialog in React and Material UI

Creating a generic text-input component with React

Gracefully managing forms and input values in React State (Part II)

How to display images from local assets/images folder when working with React

It's not as straightforward as it might seems to be

React: Updating a value in state array

How to update just one value in an array of objects in a state

How to Use Input Masks to Validate Input in an Angular App

How to Pass Data From One Component to Other Component in React?

Passing data from one component to another component

Send Emails without a server-side code with Angular

Without any server-side code hosted on a server, you can send emails through your Angular application with smtpJS, a client-side JavaScript library.

Everything you need to know about HTML5 local storage and session storage

Understand it by building actual practical applications

Convert String to Different Case Styles: Snake, Kebab, Camel and Pascal Case in JavaScript

Conversion from string to different ways of word combination in JavaScript.

I created the exact same app in React and Svelte. Here are the differences.

React vs Svelte. Finally, a side-by-side code comparison! Because you've heard the fuss about Svelte, and now you want to know what the hype is all about.

Constructors and Access modifiers in TypeScript/Angular

What is Angular (Part 6.4) / What is TypeScript?

Interfaces and Classes in TypeScript/Angular

What is Angular (Part 6.3) / What is TypeScript?

Insert an Element in Specific Index in JavaScript Array

Learn how to insert an element in specific index in array.

How to use async function in React hook useEffect (Typescript/JS)?

How to get TypeScript type completion by defining process.env types

Set up React JS with ESLint, Prettier and Airbnb

One of the easiest way you can improve your code is to use a linter!

Closing a Window with JavaScript

What works, what doesn't, in a nutshell

Using JavaScript and window.postMessage()

Safe Cross-Domain Communication

Creating Axios mock requests in Jest

How to create your own reusable axios mock request function for Jest.

ES6: What is the difference between Rest and Spread?

Rest Parameter [ …rest]

ES6: Arrow Functions

Can you console.log in JSX?

TLDR: Embed the expression

How to Detect a Sequence of Keystrokes in JavaScript

How to use Async Await in JavaScript

There are many ways JavaScript provides us with the ability to make it behave like an asynchronous language. One of them is with the Async-Await clause.

How to loop through arrays in React

How (and why) you should use TypeScript with Node and Express.

When should I use curly braces { } and parenthesis ( ) in React?

In the beginning of your career when learning React and ES6 JavaScript syntax, it can be confusing when to use curly braces { } and when to use parenthesis ( )

Module Pattern in JavaScript

JavaScript Developers need to understand Core Patterns

When should you use Type, Class, or Interface in TypeScript?

What Is The Best Way To Display A PDF In A Web App?

What is the best way to call a REST API from JavaScript?

what-is-the-best-way-to-call-a-rest-api-from-javascript-79a901414447

What is Ref Forwarding?

Passing refs to a child component

Using Node.js + S3 to Create, Delete, List Buckets and Upload, List Objects- Part 2

Using Firestore with TypeScript in the v9 SDK

A nice little coding design pattern that will boost your Firestore productivity and make your code safe with TypeScript

Use of DTO for Validation in NestJS Application

How to handle and validate the data for a REST endpoint with the NestJS framework.

Unit Testing Node.js + Mongoose Using Jest

Understanding The Set Object in JavaScript

Learn about the Set object with practical examples

Understanding Nested Arrays in JavaScript

Understand Derived State in React

Learn about the hidden risks and how we can benefit from understanding them.

Understand Angular's forRoot and forChild

TypeScript and Global Variables in Node.js

How to make global variables in Node.js using TypeScript and make sure the types are correct.

7 Beginner-Friendly Projects Using APIs and JavaScript

Some amazing beginner Friendly Web development Projects using APIs.

Top 5 JavaScript Animation Libraries for Your Next Project

Best JavaScript libraries to use in your next animation project

Top 10 JavaScript Frameworks for Server Side Development in 2020

A curated list of the most essential back-end JavaScript frameworks

How to Retrieve All Data via Paginated API Calls in Vanilla JavaScript

No plugins. Two Approaches —1. Recursion, 2. Iteration to aggregate data chunks.

The Best Way To Reinstall Node.js (Mac/Linux/Windows)

Testing local storage with testing library

How to test changes to the local storage on synchronous cases and asynchronous ones using the testing library.

Setup dotenv to Access Environment Variables in Angular 9

Setting up dynamic configurations for your frontend

How to Send WhatsApp Messages From Your React App Easily

A very simple way to send messages on WhatsApp web in React.

Send Emails From Your Website With EmailJS

Are you struggling with the behind code of your website contact form, then let this article be your life-saver.

Screen Capture a Page Using Angular Ngx Capture

Screen capture library for Angular. Define a zone and it will capture it and return a string containing a base64 PNG.

React Tips — Async and setState

React onChange with input field & button

React Infinite Scrolling and Lazy Loading

Infinite Scrolling — Infinite scrolling is a concept used by many sites to enhance user experience and performance. In infinite scrolling, the sites load with some data and as the user keeps on scrolling, more and more data gets loaded. This concept saves time since data is loaded in parts and enhance performance as all the components need not be rendered all at once.

React Hooks and the “Observer” Pattern

How to integrate the “Observer” pattern when using React Hooks

The Proper Way To Connect Redis and Node.js

Light and Dark Mode in React Web Application with Tailwind CSS

How to make a simple React web application using Tailwind CSS

Jest Spies and Mocks in Explained via Examples

Make your JavaScript tests deeper, leaner, and faster with these two Jest methods

JavaScript Frameworks for building Desktop Applications

Best JavaScript Frameworks that can be used to create desktop applications

JavaScript Algorithm: Distance Between Points

Create a function to calculate the distance between two points defined by their x and y coordinates.

It is really easy to convert local time to UTC in JavaScript

Do you feel the need for a library even for a small task like converting local Date to UTC format?

How to Use the Geolocation API in Your React App

Get the user's coordinates and use them in your next React app

How to Use Regular Expression to Get Strings Between Parentheses with JavaScript?

A tutorial on how to use regular expressions to get strings between parentheses with JavaScript.

How to style <input/> field in React

Style that ugly generic Choose File button in React or any other framework

How to Send Encrypted Data with Postman

Encrypt data with crypto-js and decrypt it with the built-in Node.js crypto module.

How to Send Data Between Chrome Extension Scripts

One time messaging and long-lived connections

How to Send Cookies from Express to a Front-End Application in Production

How to send cookies from an Express app via express-session package to the frontend in an HTTPS protocol.

How to Push or Append an Element to a State Array with React Hooks?

How To Pass Data From One Component To Another In Angular

How to create Components, Routes, and send/receive data via those Routes in Angular

How to Initialize a JavaScript Date to a Particular Time Zone?

Sometimes, we may want to initialize a JavaScript date to a particular time zone. The default time zone is UTC.

How to convert any web page into a React web page

How To Convert Any Function To An Arrow Function In JavaScript

Same results, less code. Learn the process of converting any type of traditional JavaScript function into an arrow function to make your code more compact and powerful.

How to Add a File Input Button and Display a Preview Image With React

Using the Material-UI library and the URL object

Four Sequelize Associations You Should Know

How to Upload Files to Amazon S3 using Node.js

ERROR TypeError: undefined is not an object (evaluating '_this.props.navigation.navigate')

The solution

Difference between Constructor and ngOnInit in Angular.

DangerouslySetInnerHTML in React JS Explained

Create an Angular Directive to Detect Clicking Outside an Object

How to Create an Angular Directive to Detect Clicking Outside an Object

Create a Single Page Website using Node.js and Express

To build a Website in Node.js we will use Express framework. Any other framework can also be used but Express is very popular when using Node.

ComponentDidMount and useEffect Are Not The Same. Here's Why

Comparing Objects in JavaScript

What works, what doesn't and why

Building a pagination component in React with TypeScript

How to create a pagination component in react with TypeScript

Let's Build a MERN Stack E-Commerce Web App

Part 1: Setting up the Project

How to fix “Avoid mutating a prop directly” in Vue

Angular Route Reuse Strategy

Angular Change Detection Strategy — onPush and Default Strategy

Understand the onPush and Default Change Detection Strategies in Angular.

Algorithms — Diagonal Difference Solution using JavaScript: HackerRank

Given a square matrix, calculate the absolute difference between the sums of its diagonals.

A Simple Way To Use Path Aliases in NestJS

Path Aliases with NestJS (2022)

8 on Scroll Animation JavaScript Libraries You Can Consider

Create awesome scroll-triggered animations on elements on your website.

5 Useful Tricks JavaScript has been Hiding from You

A little guide that might benefit you

5 tricky JavaScript problems to check before your next interview (Part 1)

I hope you have not blown your interview just yet because you got caught off-guard with some strange problems you've never seen before.

5 Best COVID-19 CodePens in HTML, CSS, and JavaScript

4 Useful JavaScript ES2020 Features that You Should Know

Powerful ES2020 Features that you should know.

3 incredibly useful Node.js packages that you should try

13 Methods To Remove/Filter an Item in an Array (and Array of Objects) in JavaScript

Latest JavaScript Coding Interview Questions and Answers 2021

Data Fetching with React Query & Axios

Implementing Hooks for Furry HTTP Requests in react-query

Quickly Deploy Your React App On Google's App Engine

This is a quick guide to make your app go from local to world-wide in five high level steps!

Create a Config File for Your JavaScript Project Like a Pro

Why do we need a config file and how to create it?

7 Free React Templates You can Use for Your Projects

Awesome React templates and themes you can start with to build your next project.

6 Best React Data Visualization Libraries

Level Up Your React Projects in No Time