Tag: react

Improve custom Hook debugging with useDebugValue

Improve custom Hook debugging with useDebugValue

Dev

In this tutorial, learn how to use the useDebugValue Hook to make debugging reports for your custom React Hooks easier and more descriptive.

Sebastian Weber
Oct 6, 2021 ⋅ 4 min read

Creating a website with Next.js and React

Dev

This tutorial shows you how to use React to bootstrap a new Next.js application, create new pages, fetch data from external API and display it on your page, and build and run a Next.js application in production.

Nick Major
Oct 5, 2021 ⋅ 6 min read
How and when to debounce and throttle in React

How and when to debounce or throttle in React

Dev

Learn how (and when) to debounce or throttle functions in React with this comprehensive, detailed tutorial.

Ebenezer Don
Oct 4, 2021 ⋅ 7 min read
React daisyUI

daisyUI: Tailwind CSS components for reducing markup

Dev

Reduce verbose Tailwind CSS markup and write clean HTML with daisyUI, a CSS component library that uses pure CSS and Tailwind utility classes.

. Write clean HTML
uses pure CSS and Tailwind utility classes, allowing developers to

Fortune Ikechi
Sep 30, 2021 ⋅ 5 min read
Controlled vs. Uncontrolled Components in React

Controlled vs. uncontrolled components in React

Dev

In React, you can either use the state within the component to handle form data or allow the DOM to handle it. These components are called controlled and uncontrolled components, respectively.

Chidume Nnamdi
Sep 29, 2021 ⋅ 4 min read
How To Detect And Render Device Types In React

How to detect and render device types in React

Dev

Learn how to use the mobile-detect.js library in React apps to automatically detect users’ operating systems when viewing webpages.

Kingsley Ubah
Sep 29, 2021 ⋅ 5 min read
Testing accessibility with Storybook

Testing accessibility with Storybook

Dev

Storybook’s new accessibility add-on enables automated accessibility testing to capture and surface accessibility errors in your app.

Laura Carballo
Sep 28, 2021 ⋅ 4 min read
Using Plotly In React To Build Dynamic Graphs And Charts

Using Plotly in React to build dynamic charts and graphs

Dev

Learn how to build and display dynamic and customizable graphs in your React applications with Plotly, a data visualization framework.

Ochuko Onojakpor
Sep 28, 2021 ⋅ 5 min read
How to detect a click outside a React component

How to detect a click outside a React component

Dev

In this tutorial, learn a few ways how to implement click detection outside of both functional and class-based React components.

Shalitha Suranga
Sep 24, 2021 ⋅ 6 min read
Optimize Re rendering React Tracked

React Tracked: Manage state and prevent excessive re-rendering

Dev

Explore React Tracked, a library for state usage tracking, and optimize your application by eliminating unnecessary re-renders.

Kasra Khosravi
Sep 23, 2021 ⋅ 3 min read
React Logo

Build a robust React app with Husky pre-commit hooks and GitHub Actions

Dev

Building robust React projects may seem complex at first, but this guide will explain how you can do so with Husky hooks and GitHub Actions.

Iva Kop
Sep 23, 2021 ⋅ 5 min read
react-stepzilla

Creating multi-step forms with React Stepzilla

Dev

Declutter your UI by simplifying complex forms with React Stepzilla, a wizard component for creating multi-step forms that render on a single page.

Emmanuel Etukudo
Sep 22, 2021 ⋅ 6 min read