JavaScript Kicks - JSK Daily for Aug 24, 2022

React is one of the most popular front-end frameworks today. Just like other frameworks, it has a set of tools for debugging called React Developer Tools (React DevTools). In this article, we’ll go through a few strategies that will help you debug React applications using the ...

Syncfusion

I've been working as a software engineer for the past 4 years and, according to the role level I'm covering for my clients, I'm officially in the mid-level stage, but how did I get here? I've prepared 7 key points to document my journey!...

JavaScript Kicks

Despite doing this front-end thing for over a decade, I still encounter new problems thanks to the ever-evolving web specifications. One of the newer specifications is Web Components. Now, my situation was I wanted to see Bootstrap 5 Javascript components. Because of the close...

Dwayne Charrington

In this tutorial, we are going to learn about how to change the default favicon in vue app, which is set by the Vue cli. Open the vue app in your favorite code editor. Navigate to the public folder and remove the favicon.ico file. Now, add a new favicon inside the public folder....

Sai gowtham

Promises are essentially a way of handling asynchronous operations, a common example of this is performing API requests in React. To work these into the React lifecycle, we can use the useState hook to store the result of the promise when it is resolved and re-render the compo...

Upmostly

A few months ago I wrote a blog post about how to get the Redux State in production, but with the recent release of React 18, that code doesn't work anymore. Let's dive into why it doesn't work anymore and figure out how to create a new script that works....

Pablo Montenegro

The GOV.UK team recently published " How and why we removed jQuery from GOV.UK ". This was an insightful look at how an organization can assess its tooling and whether something is still the best tool for the job. This is not a nudge to strip libraries out of your current proj...

CSS-Tricks

Ever wondered what's the difference between React and Next.js? Well, in this article I will go over each and help you pick the best one for your app....

Upmostly

We already know that Node.js is single-threaded which means that it's going to use a single core of a processor in a system that could potentially have multiple cores. Even though it handles the load pretty well for a single-threaded system, there's definitely room for optimiz...

ding

Stylify generates utility-first CSS based on what you write. It works with any framework and with any tool. Styled Components is a library for styling React components. This article is not about which tool is better but about comparing approaches when styling the app with thes...

JavaScript In Plain English

Note-taking is the practice of recording information down. Some of the benefits of notes taking are; Notes taken may serve as study aids, note-taking improves focus and attention to detail, promotes active learning, and boosts retention. Note-taking does not necessarily mean w...

JavaScript In Plain English