JavaScript Kicks - JSK Daily for Jan 25, 2021

The safety of a project is just as important as building it. Sometimes, we want our data to be accessed only by the people registered before, not everyone. We provide this with authentication. And sometimes we don't want everyone to access every data and API. We provide this w...

JavaScript Kicks

In web development our world changes quickly, but what can we pin down what 2021 will bring? By scrutinizing data from the 2020 developer surveys, I've highlighted what I think the big JavaScript......

Richard Bultitude

An enjoyable web apps rely on engineers implementing the APIs that cover all of the small things. Those small things sometimes improve performance, usability, accessibility, and the app's relationship with its host system. The Wake Lock API is the latter - an API that allows d...

David Walsh

Visitor Badge can count visitors for your README.md, Issues, PRs in GitHub in just one line markdown code. Let's update the page.id with the recommended way ${your.username}.${your.repo.id} and add the following line to your README file. ![visitors](https://visitor-badge.glitc...

Gapur Kassym

Reinventing the routing in React apps / The router is the backbone of your application. Trust me, that's how it is and I can prove it. One of the fundamental ideas in Web is the URL (Uniform Resource Locator). Or the way of how we very often call it - "web address"....

Krasimir Tsonev

Puppeteer is headless Chrome with a programmatic API and it's a useful tool to automate user behaviour and end-to-end testing. You can run and automate Chrome with a few lines of JavaScript (Node.js). Include puppeteer in your project's dependencies and use it as follows....

stefan judis

Continuing our React hooks series, we will learn about the useRef React hook in this blog post. The useRef React hook is useful in the following two situations: Accessing DOM elements directly inside React Store state values that do not trigger re-renders and are persisted acr...

saransh kataria

It was another day in the office, and I was stuck on a task, where our customer was requesting a specific functionality (a range slider). "It has to have a plethora of specific options and customizations." requested the customer....

Marcus Revaj

Definitive answers and clarification on the purpose and use cases for Context and Redux "Context vs Redux" has been one of the most widely debated topics within the React community ever since the current React Context API was released. Sadly, most of this "debate" stems from c...

Mark Erikson

if you'd like to detect user language and load translation// if you'd like to detect user language and load translationnpm install react-i18next i18next --save npm install i18next-http-backend i18next-browser-languagedetector --save # yarn yarn add react-18next i18next yarn ad...

JavaScript In Plain English

React is a JavaScript library that is ideal for creating impressive apps. There are countless projects that you can make with React, but here are seven that are on my list to build in 2021. Why have I selected these seven projects in particular? I picked them because they buil...

freeCodeCamp.org

Many frequent readers will be aware that I have started a new side project to this blog and created a new website/blog/business, the details of which I have previously outlined in times are a changing - hopefully for the better....

Gary Woodfine

A simple component, that has been written by a developer like you. What does it do: Fetches a list of browsers from a backend Shows "loading" state on a screen while is loading Shows the loaded browsers as a list of cards When a user presses on a card it shows a modal window w...

JavaScript In Plain English

There were jokes coming back from the holiday break that JavaScript decided to go all server-side. I think it was rooted in: The Basecamp gang releasing Hotwire, which looks like marketing panache around a combination of technologies. "HTML over the wire," they say, meaning it...

CSS-Tricks

Kamran Ahmed, creator of Developer Roadmaps, joins Jerod to talk through his 2021 roadmaps to becoming a web developer. We cover why Kamran created these resources, who they're for, how to interpret them, and then take a stroll down the paths to becoming a frontend and backend...

JS Party