Tag: react

React UseLayoutEffect Vs. UseEffect Hooks With Examples

React useLayoutEffect vs. useEffect Hooks with examples

Dev

Compare the useEffect and useLayoutEffect Hooks in React, especially their firing, performance, and visual changes.

Ohans Emmanuel
Jul 12, 2023 ⋅ 8 min read
Extending React Astro Cloud Functions

Extending React with Astro and Cloud Functions

Dev

We demonstrate how to build a React blog application and integrate Astro and Cloud Functions to make it more performant and scalable.

Clara Ekekenta
Jul 10, 2023 ⋅ 7 min read
Framer Motion Tutorial: How To Easily Create React Animations

Framer Motion tutorial: How to easily create React animations

Dev

Use the Framer Motion library to create complex animations in your React applications, including SVG animations and drag-and-drop.

Paul Akinyemi
Jul 6, 2023 ⋅ 13 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