Tag: react

Three Ways To Implement A Typing Animation In React

3 ways to implement a typing animation in React

Dev

Learn to add a typing animation effect in React using React Hooks and functions or by leveraging dedicated animation libraries.

Rishi Purwar
Jun 28, 2023 ⋅ 7 min read
Comparing The Best React Timeline Libraries

Comparing the best React timeline libraries

Dev

Compare the best React timeline libraries, including React Vertical Timeline, React Suite, and more to keep track of your data in an interactive way.

Ivy Walobwa
Jun 27, 2023 ⋅ 6 min read
React Hooks Vs. Redux: Do Hooks And Context Replace Redux?

React Hooks vs. Redux: Do Hooks and Context replace Redux?

Dev

Explore the differences between using Redux and the Context API and React Hooks to simplify state management in React.

Ebenezer Don
Jun 23, 2023 ⋅ 9 min read
Authenticate React App Supabase

How to authenticate React applications with Supabase Auth

Dev

Create a basic React component using the pre-built Supabase UI and enable authentication using email, Facebook, GitHub, and Google.

Murat Yüksel
Jun 23, 2023 ⋅ 4 min read
How To Create A Custom Toast Component With React

How to create a custom toast component with React

Dev

Learn how to create a custom toast component in React using popular React hooks such as useState and useEffect.

Uzochukwu Eddie Odozi
Jun 21, 2023 ⋅ 18 min read
Using Styled-Components With React

Using styled-components in React

Dev

There are several CSS-in-JS libraries out there today. In this article, we will explore how to use styled-components in React.

Yusuff Faruq
Jun 12, 2023 ⋅ 11 min read
React-Virtualized Vs. React-Window

react-virtualized vs. react-window

Dev

react-virtualized and react-window are two libraries that calculate which items need to be added to the DOM, through the process of list virtualization.

Rico Kahler
Jun 9, 2023 ⋅ 6 min read
Using Material UI With React Hook Form

Using Material UI with React Hook Form

Dev

React Hook Form is one of the most popular libraries for handling form inputs. In this guide, we’ll explore how to use it with Material UI.

Mohammad Faisal
Jun 8, 2023 ⋅ 10 min read
Lit Vs. React: A Comparison Guide

Lit vs. React: A comparison guide

Dev

This guide examines the core concepts, differences, features, and benefits of two frontend frameworks: Lit and React.

Clara Ekekenta
Jun 8, 2023 ⋅ 10 min read
Building Type Safe Forms In React With React Ts Form

Building type-safe forms in React with react-ts-form

Dev

react-ts-form is a complete and customizable library for creating more maintainable type-safe forms in React while avoiding boilerplate code.

Antonello Zanini
May 29, 2023 ⋅ 8 min read
React Suspense Next JS

Next.js 13 and React Suspense: Create a loading component

Dev

Next.js 13 introduced some new features like support for Suspense, a React feature that lets you delay displaying a component until the children have finished loading.

Suraj Vishwakarma
May 25, 2023 ⋅ 4 min read
Building A React code Editor And Syntax Highlighter From Scratch

Building a React code editor and syntax highlighter from scratch

Dev

Improve developer experience (DX) by learning to create your own React code editor and syntax highlighter, and comparing it to Prism.js and Highlight.js.

Madars Bišs
May 25, 2023 ⋅ 9 min read