Tag: react

How To Use React Context With TypeScript

How to use React Context with TypeScript

Dev

Explore how React Context and the Context API simplifies managing global data or state between components in a TypeScript app.

Ibrahima Ndaw
Dec 4, 2024 ⋅ 14 min read
Next.js Vs. React: The Developer Experience

Next.js vs. React: The developer experience

Dev

Explore the developer experience for Next.js vs. React and how recent releases have affected them, including Next.js 13 and React 18.

Andrew Evans
Dec 3, 2024 ⋅ 25 min read
Understanding React useEffect Cleanup Function

Understanding React’s useEffect cleanup function

Dev

Prevent memory leaks in React apps by using the `useEffect` cleanup function to maintain optimal app performance.

Chimezie Innocent
Dec 2, 2024 ⋅ 8 min read
React OnClick Event Handlers: A Complete Guide

React onClick event handlers: A complete guide

Dev

This guide covers React’s `onClick` event handler, including information about event listening, synthetic events, custom events, and more.

Yomi Eluwande
Nov 26, 2024 ⋅ 12 min read
React logo over a beige background

Data fetching with Remix’s loader function

Dev

Learn how Remix enhances SSR performance, simplifies data fetching, and improves SEO compared to client-heavy React apps.

Abhinav Anshul
Nov 26, 2024 ⋅ 5 min read
Authentication With React Router V6: A Complete Guide

Authentication with React Router v6: A complete guide

Dev

Handle user authentication with React Router v6 and beyond with a deep dive into protected routes, 2FA authentication, and more.

Vijit Ail
Nov 21, 2024 ⋅ 16 min read
Why React Doesn’t Update State Immediately

Why React doesn’t update state immediately

Dev

React state updates are asynchronous; when an update is requested, there is no guarantee that the updates will be made immediately.

Chiamaka Umeh
Nov 12, 2024 ⋅ 7 min read
How To Implement Drag And Drop In React With React DnD

How to implement drag and drop in React with React DnD

Dev

Implement drag-and-drop functionality in React using third-party libraries like React DnD, react-beautiful-dnd, and React-Grid-Layout.

Paramanantham Harrison
Nov 6, 2024 ⋅ 10 min read
Build A Micro-Frontend Application With React

Build a micro-frontend application with React

Dev

Learn to build scalable micro-frontend applications using React, discussing their advantages over monolithic frontend applications.

Harsh Patel
Nov 4, 2024 ⋅ 8 min read
How to Create a Multilevel Dropdown Menu in React

How to create a dropdown menu in React

Dev

See how to implement a single and multilevel dropdown menu in your React project to make your nav bars more dynamic and user-friendly.

Ibadehin Mojeed
Oct 30, 2024 ⋅ 12 min read
Green node logo over blue background.

Advanced Next.js caching strategies

Dev

Learn request memorization, data cache, full route cache, router cache, plus cache invalidation and tools for your Next.js project.

Oyinkansola Awosan
Oct 29, 2024 ⋅ 12 min read
How To Build A Component Library With React And TypeScript

How to build a component library with React and TypeScript

Dev

In this article, we’ll learn what a component library is and how to build a custom component library using React and TypeScript.

Yan Sun
Oct 23, 2024 ⋅ 13 min read