JavaScript Kicks - JSK Daily for Oct 5, 2022

You have probably heard much about database indexing and caching where indexes will return the data. Applying indexing to any fetch/search operation will enhance your application performance. So today we will be focusing on how you can create your indexing and caching mechanis...

Bit

Welcome to the Mastering TypeScript series, there are dozens of articles in this series. To help readers better consolidate their knowledge of TypeScript, I have selected a few dozen challenges from the type-challenges repository on Github to complete the type challenge with y...

Bit

A video coding session where you'll learn how to animate tiny triangles to create a whirlwind-like dissolving effect in Three.js. In this new ALL YOUR HTML coding session you'll learn how to animate tiny triangles in Three.js to create an amazing looking whirlwind-like dissolv...

Codrops

React Native is continuously evolving and it is great for developing universal applications. When it comes to cross-platform application development, react native is one of the main choices for developers because it enables the development of apps that support mobile platforms...

JavaScript In Plain English

JavaScript is the most popular programming language in the world and it is widely used for web development. Developers with a JavaScript background can easily get hands-on with front-end libraries such as React. This makes JavaScript a must-know language for professionals. Due...

JavaScript In Plain English

Okta is an identity manager, with features such as single sign-on and multi-factor authentication. Okta can be used to secure the identities of customers and workforces. In this tutorial, we are going to learn how to use Okta for authentication in a React application....

Smashing Magazine

To get the extension of a file in Node.js, we can use the extname() method from the path module. For example: const path = require('path'); path.extname('style.css') // .css path.extname('image.png') // .png path.extname('prettier.config.js') // .js The extname() method return...

Coding Beauty

A brief walkthrough on how to set up React Testing Library in Vitest when using Vite. The tutorial assumes that you have already created a React project with Vite either in JavaScript or TypeScript....

Robin Wieruch

render() method returns component layout in JSX format. It defines what the component needs to look like. The method is also responsible for updating the DOM...

Upmostly

In this article, we are going to make our react hook forms perform even better with minimal code. We are going to inject validations so that we can check our data and inform the user accordingly with a suitable error message, with a bare minimum code....

Upmostly

In this tutorial, we are going to learn about how to change the color of a element onClick in React. Consider, we have the following component in our react app: To change the background color of a element on click in React, add the onClick event handler to it and change the ba...

Sai gowtham

When you're working with arrays, there are times when you need to swap two elements in an array in JavaScript. Maybe you're working on an algorithm question such as the bubble sort algorithm where you need to compare two values and then swap them if your condition is true. Aside...

Joel 🦸‍♀️

It's already the 10th month of 2022 and unlike the last two years, it just seems to be speeding by! Did you know that "It is estimated that very soon Node.js will lead the web development industry and empower 60–70% of web apps"? Check out "Top 10 Node.js Trends to Follow" ...

JavaScript Kicks