Tag: react

Using Path Aliases For Cleaner React And TypeScript Imports

Using path aliases for cleaner React and TypeScript imports

Dev

Explore how to configure path aliases in a React and TypeScript app for cleaner imports, organization, and maintainability.

Oghenetega Denedo
May 31, 2024 ⋅ 6 min read
Using Mountaineer To Develop A React App With Python

Using Mountaineer to develop a React app with Python

Dev

Develop a React app with Python using the Mountaineer framework for building a simple app with integrated your frontend and backend database.

Rosario De Chiara
May 23, 2024 ⋅ 7 min read
Htmx Vs React

htmx vs. React: Choosing the right library for your project

Dev

Both htmx and React provide powerful tools for building web apps, but in different ways that are suited to different types of projects.

Temitope Oyedele
May 15, 2024 ⋅ 9 min read
How To Build A Tab Component In React

How to build a tab component in React

Dev

Build a tab component in React using components like `TabItem` and `TabList` and ensuring your tabs are accessible and adjustable depending on screen sizes.

Chinedu Imoh
May 9, 2024 ⋅ 13 min read
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