JavaScript Kicks - JSK Daily for Dec 22, 2021

State management has become a core part of any application development. The container pattern, helps us create a single source of truth for all the app's data. Redux and MobX are the go-to state management libraries when it comes to React....

JavaScript In Plain English

React fetch() API tutorial; In this quick tutorial, we will teach you how to get data from the server with the help of Fetch API in React js application. To fetch the data from the remote server, we will use the REST API in React....

Digamber Singh

It's no secret that I think the cult of TDD leads you down a dark and stormy path towards brittle code with a false sense of security. Clean isolation, mocks for all things impure, interfaces designed for ease of testing over ease of use. The sense of achievement is immense....

Swizec

It's important for software developers to write tests for their software, especially in production to correctly determine whether or not it works effectively and as intended. We don't want to assume it works only for it to fail later....

JavaScript In Plain English

In this tutorial, we are going to learn about how to get an HTML element input field value using JavaScript. Consider we have an element, button like this. To get the input field value, first we need to access the input element by using its id attribute then it has a value pro...

Sai gowtham

If you are wondering how to run React's useEffect Hook only once , you may be surprised that you need React's useRef Hook as helper to create an instance variable for tracking the component's......

Robin Wieruch

Since ECMAScript 6 (or ES6 for short), you can descructure objects in JavaScript. As a JavaScript developer, you'll likely destructure objects as part of your daily work. Let's learn about why we use destructuring, and then we'll learn how to destructure JavaScript objects. Wh...

Madison Kanna

You've probably seen a "back-to-top" button at the bottom-right corner on many websites when you're scrolling around. Clicking on that button takes you back to the top of the page. This is a great feature to have on any website, and today we are going to see how to build...

Anish De

👋 Let build a currency converter app: The application should allow to edit the amount in the input fields and change currency. The amount in another input should change in the base of the conversion rate.For a working example see this codesandbox (It also contains an advanced...

Mihas

Do you want to add authentication to your Angular app? Gone are the days when you had to implement the backend logic to manage users and then write the frontend logic to manage user sessions. With Asgardeo, you can manage your users easily and securely while using Asgardeo's A...

Frontend Weekly

In part 1 of this series, I described how companies make decisions about spending their money and why they might (or might not) sponsor an open source project. If you haven't yet read that post, I'd suggest going back to do so now before continuing....

Nicholas C. Zakas

Recently, we had reason to rework how we collect birthdates (and other dates at Seraphin). While the default browser implementation can do the trick at the beginning, we were facing several problems: The implementation is not consistent across all browsers....

pablo.curell

Cypress does not have a REPL which is unfortunate: sometimes you just want to run a few Cypress commands after the test has finished to see how to extend the test. Yet the only way you can run a comma...

Gleb Bahmutov

Last week we hosted our 6th React Conf. In previous years, we've used the React Conf stage to deliver industry changing announcements such as React Native and React Hooks. This year, we shared our multi-platform vision for React, starting with the release of React 18 and gradu...

React

After a long and needed break, we can continue today with the implementation of user authentication functionality in our Angular web app. In the next post, we will cover the user authorization part. You can find the first post of this series (and links to the previous posts) h...

JavaScript In Plain English