Tag: react

How Passing Props To Component Works In React

How props are passed to components in React

Dev

Learn how to pass props to components in React, and more information about children props and prop drilling.

Nathan Sebhastian
Oct 4, 2023 ⋅ 11 min read
A Look At React Hydration And Pre-Rendered HTML

A look at React hydration and pre-rendered HTML

Dev

Learn how React hydration causes a common HTML error by taking a close look at the hydrateRoot API and pre-rendered HTML.

Theodorus Clarence
Oct 4, 2023 ⋅ 4 min read
Using React Arborist To Create Tree Components For React Apps

Using react-arborist to create tree components for React

Dev

The react-arborist library organizes hierarchical data in an aesthetic, tree-like structure that users can easily understand and navigate.

Ibadehin Mojeed
Sep 28, 2023 ⋅ 13 min read
Bootstrap React App Smol-Developer

Bootstrap a React app with smol developer

Dev

We investigate using the smol developer AI tool to bootstrap a React app, create a browser plugin, and assist with pair programming.

Kealan Parr
Sep 20, 2023 ⋅ 6 min read
Improving Your SEO By Rending Structured Data In React

Improving React app SEO with structured data

Dev

In this guide, we’ll show you how to add structured data to your site to make your website more discoverable.

John Reilly
Sep 19, 2023 ⋅ 6 min read
Passwordless Authentication Firebase React

Passwordless authentication options with Firebase and React

Dev

We explore how passwordless authentication integrates with Firebase and React and demo four authentication options: Google, email link, OTP, and Facebook.

Chizaram Ken
Sep 18, 2023 ⋅ 18 min read
Comparing The Top React Toast Libraries

Comparing the top React toast libraries

Dev

Compare the top React toast libraries for when it’s more trouble than it’s worth to create your own custom toast components.

Nefe Emadamerho-Atori
Sep 15, 2023 ⋅ 13 min read
Working CSV Files React-Papaparse

Working with CSV files with react-papaparse

Dev

We explore how to implement CSV functionality into a React app using react-papaparse, as well as handle errors and create downloadable files.

David Omotayo
Sep 13, 2023 ⋅ 14 min read
Using Ink Ui With React To Build Interactive Custom Command Line Interfaces

Using Ink UI with React to build interactive, custom CLIs

Dev

With Ink and its collection of UI components, you can create interactive CLIs with reusable components that leverage the power of React.

Georgey V B
Aug 31, 2023 ⋅ 8 min read
Understanding How React Handles Input State — A Deep Dive Into Controlled And Uncontrolled Components, Onfocus And Onblur Events, And Third Party Form Building Libraries For React

Understanding how React handles input state: A deep dive

Dev

Learn to manage React input state using controlled and uncontrolled components, onFocus and onBlur events, and third-party solutions.

Abhinav Anshul
Aug 29, 2023 ⋅ 6 min read
Animate React Components Using AutoAnimate

Animate React components using AutoAnimate

Dev

Learn how to easily add animation to React components with a single line of code using the AutoAnimate library.

Nilanth Sriram
Aug 25, 2023 ⋅ 11 min read
Building A Resizable React Component Using Custom React Hooks

Building a resizable React component using custom React Hooks

Dev

Use custom React Hooks like `useGlobalEvent` and the `resize` event to build a simple, resizable React component.

Kasra Khosravi
Aug 24, 2023 ⋅ 8 min read