JavaScript Kicks - JSK Daily for Oct 26, 2021

Quick summary ↬ Nx is a build framework that facilitates optimization, efficient scaling of applications, and other features such as shared libraries and components. In this article, we will be looking at how we can effectively scale Next.js applications by using Nx....

Smashing Magazine

Hooks were first introduced in React 16.8. And they're great because they let you use more of React's features - like managing your component's state, or performing an after effect when certain changes occur in state(s) without writing a class. In this article, you will learn ...

CHIKARA👨🏽‍💻

Front-end development has shifted from a traditional to a modular approach, improving the encapsulation and structure of codebases. Tooling became a critical part of any project, and right now there are a lot of possible choices. But the browser only knows HTML, CSS, and JavaS...

Vijay

One of the most common requirements for any app is to have an authentication flow that includes onboarding at the same time. The flow looks like the following: When the user opens the app, we first need to check if the user is a logged-in user in our system, depending on this ...

Saad Khan

One of the concepts in JavaScript that beginners find hard to wrap their heads around is prototypes, especially for programmers coming from a class-based programming language. You might ask, "Doesn't modern JavaScript have the class keyword?" Yes, it does, but it's just 'sugar...

JavaScript In Plain English

Arrays are list-like objects. They have methods to perform traversal and alteration operations. An array's length may change at any time. The data may be stored at non-contiguous locations in the array. JavaScript arrays are not assured to be dense. This depends on the choice ...

Mansoor Ahmed

In recent years, on a Windows computer, if you double-click on a .zip file - the same way you would navigate into any Folder in the file system - Windows doesn't automatically extract the .zip file contents. Instead, it opens an "Explorer Preview" of the archive, allowing you ...

Ben Nadel

React JS Breadcrumbs tutorial; UI, aka user interface, is not just limited to colors, typography, layout, or design. Instead, it is more than that. The best design solves the problem, and the best design is made of various small UI components with the primary idea to help user...

Digamber Singh

I shall create a simple web form page with 3 fields: 'First name', 'Last name' and 'Email'. I will be using Bootstrap for my input fields. For the data, the 'Errors' array is where the errors will be stored. While 'firstname', 'lastname', and 'email' will be received from the ...

JavaScript In Plain English

Hi, everyone! This is a short article about my documentation since I have been developing using GraphQL with NestJS. The scenario is when I want to create a payload in mutation and the payload is not always the same, for example : But at the moment, you have a payload almost s...

Pandhu Wibowo

We're going to create a contact form with Next.js and Netlify that displays a confirmation screen and features enhanced spam detection. Next.js is a powerful React framework for developing performant React applications that scale. By integrating a Next.js site with Netlify's t...

CSS-Tricks