Tag: react

Using The Resizeobserver Api In React For Responsive Designs

Using the ResizeObserver API in React for responsive designs

Dev

With ResizeObserver, you can build aesthetic React apps with responsive components that look and behave as you intend on any device.

Emmanuel Odioko
May 9, 2024 ⋅ 11 min read
5 Ways To Implement A Typing Animation In React

5 ways to implement a typing animation in React

Dev

Implement typing animations in React using React Hooks and functions or by utilizing third-party animation libraries like Typed.js.

Rishi Purwar
May 3, 2024 ⋅ 9 min read
How To Access Previous Props Or State With React Hooks

How to access previous props or state with React Hooks

Dev

Learn how to access previous props and state in React using useRef, useState, usePrevious, and useEffect hooks effectively.

Ohans Emmanuel
May 1, 2024 ⋅ 9 min read
Comparing Mutative Vs Immer Vs Reducers For Data Handling In React

Comparing React state tools: Mutative vs. Immer vs. reducers

Dev

Mutative processes data with better performance than both Immer and native reducers. Let’s compare these data handling options in React.

Rashedul Alam
Apr 26, 2024 ⋅ 7 min read
A Guide To React Design Patterns

A guide to React design patterns

Dev

Explore the top React design patterns, like the render props pattern and the state reducer pattern, to solve issues experienced by developers.

Lawrence Eagles
Apr 12, 2024 ⋅ 13 min read
Building A React Command Palette From Scratch With Tailwind Css And Headless Ui Compared With Using Various Prebuilt Command Palette Components

React command palette with Tailwind CSS and Headless UI

Dev

A command palette is a tool that enables quick navigation, easy access to commands, and shortcuts, among other things.

Mayowa Ojo
Apr 8, 2024 ⋅ 18 min read
Adding Login Authentication to Secure React Apps

Adding login authentication to secure React apps

Dev

Learn how to secure your React app by implementing basic server-side login authentication for an Express.js server.

Doğacan Bilgili
Apr 5, 2024 ⋅ 18 min read
Streamline Email Creation With React Email

Streamline email creation with React Email

Dev

Explore React Email’s features and styling options and show how to integrate with Nodemailer to send emails directly from a Next.js app.

Chinwike Maduabuchi
Mar 29, 2024 ⋅ 13 min read
A Guide to Better State Management With Preact Signals

A guide to better state management with Preact Signals

Dev

Signals is a performant state management library with a set of reactive primitives for managing the application state.

Nefe Emadamerho-Atori
Mar 26, 2024 ⋅ 8 min read
Creating A Custom React Datepicker

Creating a custom React datepicker

Dev

Set up a custom React datepicker with advanced functionalities that acts as an alternative to the native HTML5 datepicker input element.

Glad Chinda
Mar 21, 2024 ⋅ 22 min read
Exploring Catalyst, Tailwind's UI Kit For React

Exploring Catalyst, Tailwind’s UI kit for React

Dev

Tailwind’s Catalyst UI kit offers many features and customization options for React user interface development.

Timonwa Akintokun
Mar 21, 2024 ⋅ 5 min read
Using React To Print To Generate A Printable Document

Using react-to-print to generate a printable document

Dev

ReactToPrint is a great tool for easily adding a print feature to your React app while preserving your document’s neat, consistent look.

Elijah Agbonze
Mar 20, 2024 ⋅ 9 min read