MUO

React

Readers like you help support MUO. When you make a purchase using links on our site, we may earn an affiliate commission. Read More.

latest

React Logo overlaying an image of someone using a laptop and a mobile phone
useEffect, useLayoutEffect, and useEffectEvent: A Comparison of Data Fetching Hooks in React

Explore React's data fetching hooks—useEffect, useLayoutEffect, and useEffectEvent—comparing their functionalities for efficient app development.

By 
React code in a code editor
How to Build and Consume Mock APIs in React Apps Using Mirage.js

Don’t have the API ready? No problem! Develop and utilize mock APIs with Mirage.js.

By 
React Logo overlaying an image of someone using a laptop and a mobile phone
Create Beautiful Dropdowns With React Select

Liven up your boring dropdowns with this flexible React library.

By 
Person typing on a keyboard
How to Improve Search Performance in React With Debouncing

Avoid overloading the server with unnecessary search function calls and optimize your app performance using this technique.

By 
Full Stack JavaScript
Full Stack JavaScript: Exploring MERN, MEAN, and MEVN

MERN, MEAN, and MEVN are the most popular stacks for developing full-stack applications. But what’s the difference between them?

By 
React Logo overlaying an image of someone using a laptop and a mobile phone
4 Best Unstyled Component Libraries for Building Customizable React Apps

These handy libraries could be a perfect choice for building and customizing your React apps with ease.

By 
A laptop docked to a second screen on a wooden desk with a lamp, plant, and other items visible
How to Add Infinite Scroll in React.js

Take advantage of this front-end technique to deliver content smoothly and continuously.

By 
Laptop with code on a table with a plant in a coffee shop
How to Use React Context for State Management in Next.js 13

React’s built-in Context API is perfect for state-sharing. Find out how to use it with the latest version of Next.js.

By 
Laptop screen with React code and logo
How to Use React Router V6: A Beginner's Guide

Learn how to manage your URLs with the latest version of React Router.

By 
React Logo overlaying an image of someone using a laptop and a mobile phone
Building Accessible React Applications With React Aria Components

If you’re looking for a React library to help you build accessible components, you’re at the right place!

By 
An open laptop with a code editor showing on screen
How to Build User-Friendly Forms Using Chakra UI in React

Chakra gives you simple components with clean, usable styles.

By 
Front view of Macbook Pro
How to Use React Keys to Avoid Component Conflict

How can you convince React that two uses of a component need their own individual state? With keys, of course!

By 
A portal illustration used to signify the nature of react portals
React Portals: Expand Your Toolbox Beyond Prop Drilling

React components encourage good practices but they can be too restrictive. Learn how to break the mould.

By 
React code in a code editor
How to Integrate Contentful CMS With React

Learn how to connect Contentful CMS with your React apps for efficient content management and dynamic website building.

By 
Black screen with React code
Lifting State Up: How React Child Components Communicate With Parents

React's isolation of component code creates a robust system but, sometimes, you need to bend the rules.

By 
Close up shot of copy buttons
How to Add Copy to Clipboard Feature to Your React App

Learn how to incorporate this useful feature into your React app using the Clipboard API and the react-copy-to-clipboard library.

By 
A laptop, open on a desk, showing code in a text editor.
CSS
Styling a React Application With Stitches

This smart utility library can take care of your styling needs.

By 
A man sitting at a desk typing on a laptop with code on the screen.
How to Integrate Feature Flags in React Applications Using Flagsmith

Add flexibility and robustness to your apps with settings you can toggle at the drop of a hat.

By 
A laptop open on a grey desk, the screen showing a text editor with two columns of code.
How to Create Loading UIs in Next.js 13 Using React Suspense

Offer immediate user feedback within your Next.js applications by incorporating loading UIs that appear while certain actions are being executed.

By 
Laptop screen with initial react code and logo
How to Write End-to-End Tests Using Cypress in React Applications

Rigorous testing meets the real world with simulated end-to-end user tests.

By 
See more articles +