JavaScript Kicks - JSK Daily for Jul 19, 2021

Tailwind CSS is an open-source utility-first CSS framework. It redefines the way you style applications by providing a variety of CSS classes. Using Tailwind CSS, you can style your applications without a single custom class name or a stylesheet. Furthermore, I found that it w...

Bit

Can you use conditional React Hooks in React components? Technically: No. However, if you know about how React Hooks work internally, you can make conditional hooks work for you. Let's take the following example where we start without any conditional hook: In this example, we ...

Robin Wieruch

JavaScript is a loosely typed and dynamic language. Variables in JavaScript are not directly associated with any particular value type, and any variable can be assigned (and re-assigned) values of all types: Visual Studio Code's IntelliSense will only work if it understands th...

Dharmen Shah 😎

So what exactly is an Atomic Design and how can you link it with React Native? 🤔 Before that let us look at a parallel definition of what Atomic Design is. An atom is the smallest unit of ordinary matter that forms a chemical element....

Karthik_B

In a previous blog post, we looked at how to add Agora cloud recording to a video chat application for storing the recordings in an Amazon S3 bucket. Here, we'll go over how to fetch and playback the recorded videos in a React Native application....

Ekaansh Arora

Micro - Micro is reimagining the cloud for the next generation of developers. It's a developer friendly platform to explore, search, and use simpler APIs for everyday consumption all in one place. They're in early development building out the first set of APIs, and they're loo...

JS Party

How to control the web application feature flags during end-to-end tests. This blog post teaches you how to control the feature flags provided by 3rd party services like Flagsmith, LaunchDarkly, Split, etc during end-to-end tests. I have created a small project on Flagsmith.co...

Gleb Bahmutov

Create a file called useDarkMode.js So what are we doing here? First, we are importing useState and useEffect from React. We are creating a variable that will either be light or dark and we will get its default value from localStorage and we are using this condition because lo...

Avneesh Agarwal

In this article, you'll get to see some pretty groundbreaking things you can achieve with modern JavaScript grids and discover new ways to augment a data grid to make it engaging, responsive, and accessible. All this will be illustrated using Kendo UI Data Grids and their feat...

Smashing Magazine

The behavior of the search field can be broken down into four categories: default behavior, onClick behavior, onBlur behavior, and the X-Circle's onClick behavior....

JavaScript In Plain English

In this tutorial, we are going to learn about how to set default parameter values to a function in JavaScript. Default function parameters are introduced in es6, which help us to initialize the parameter with a default value. Note: In JavaScript, if we don't pass any value to ...

Sai gowtham

For the penultimate project in the Flatiron School software engineering program I had to create a single page application with JavaScript handling the frontend and Rails used as an API for the backend. These are the important things I want to convey to anyone else that is buil...

JavaScript In Plain English