Tag: react

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
Comparing React Tree Components

Comparing React tree components

Dev

Learn about four of the popular libraries for rendering tree diagrams in React, such as Geist UI and Ant Design.

Hussain Arif
Sep 22, 2021 ⋅ 5 min read

React Hooks for infinite scroll: An advanced tutorial

Dev

Learn how to build your own React Hook for infinite scroll, along with some advanced features that will take your app to the next level.

Luke Denton
Sep 21, 2021 ⋅ 11 min read
SWR V1 is Here

SWR v1 is here: What’s new?

Dev

What’s new in SWR v1, the React Hooks library for remote data fetching? Updates include automatic revalidation options, a new middleware API, and more.

Lawrence Eagles
Sep 20, 2021 ⋅ 5 min read