Tag: react

Understanding React higher-order components

Understanding React higher-order components

Dev

Learn the fundamentals of React’s high-order components and play with some code samples to help you understand how it works.

Hussain Arif
Sep 19, 2023 ⋅ 9 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.

Emmanuel Odioko
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
Using Bootstrap With React: Tutorial With Examples

Using Bootstrap with React: Tutorial with examples

Dev

Integrate Bootstrap in React for responsive design, covering CDN, React-Bootstrap, Reactstrap, and Sass tips.

Glad Chinda
Aug 30, 2023 ⋅ 18 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
Using Hooks With React Router

Using Hooks with React Router

Dev

React Router Hooks like useParams, useNavigate, useLocation, and useMatch to provide developers with new ways to handle the router state.

Gaurav Singhal
Aug 18, 2023 ⋅ 9 min read
React Server Components in Next.js 13

React Server Components in Next.js 13

Dev

Use React Server Components to effectively manage rendering and build apps that span the server and client.

Chinwike Maduabuchi
Aug 10, 2023 ⋅ 8 min read