Tag: react

Authentication With React Router Version 6 A Complete Guide

Authentication with React Router v6: A complete guide

Dev

Learn how to handle user authentication with React Router v6 with a deep dive into protected routes, 2FA authentication, and more.

Vijit Ail
Jan 25, 2024 ⋅ 13 min read
Creating A Photo Generator And Editing App With React And Cloud-Based AI

Creating an AI photo generator and editing app with React

Dev

Explore how to use cloud-based AI and React to create a text-to-image photo generator and editing app.

Emmanuel Enya
Jan 25, 2024 ⋅ 11 min read
Developing A Responsive Mega Menu In React

Developing a responsive mega menu in React

Dev

Mega menus are great on large sites that need feature-rich navigation. Let’s create a responsive, accessible mega menu from scratch in React.

Ibadehin Mojeed
Jan 24, 2024 ⋅ 12 min read
React Onclick Event Handlers: A Complete Guide

React onClick event handlers: A complete guide

Dev

Learn the basics of React’s onClick event handler, including event listening, onClick buttons, synthetic events, custom events, and more.

Yomi Eluwande
Jan 22, 2024 ⋅ 11 min read
React conditional rendering: 9 methods with examples

React conditional rendering: 9 methods with examples

Dev

Review popular methods to implement conditional rendering in React and determine the best choice for your project.

Esteban Herrera
Jan 10, 2024 ⋅ 15 min read
How To Use React Context With TypeScript

How to use React Context with TypeScript

Dev

In this guide, we will learn how to use TypeScript with the React Context API by building a to-do app from scratch.

Ibrahima Ndaw
Jan 4, 2024 ⋅ 13 min read
Implementing React Scroll Animations With Framer Motion

Implementing React scroll animations with Framer Motion

Dev

Learn how to use Framer Motion to create scroll animations for a React app. Create stunning animations without CSS.

David Omotayo
Dec 29, 2023 ⋅ 11 min read
Best Practices For React Iframes

Best practices for React iframes

Dev

Explore use cases for React iframes, embedding external content in a web application, and isolating certain parts of an app.

Chiamaka Umeh
Dec 28, 2023 ⋅ 9 min read
Understanding React's useFormState and useFormStatus Hooks

Understanding React’s useFormState and useFormStatus Hooks

Dev

React released two Hooks intended to help with forms: useFormState and useFormStatus. Learn how to use them in your forms in this post.

Hussain Arif
Dec 21, 2023 ⋅ 6 min read
How To Test React Hooks With Jest, Enzyme, And React Testing Library

How to test React Hooks

Dev

Testing your React app is a necessity, but testing Hooks can get a bit complicated. Learn how to test Hooks multiple ways in this guide.

Yomi Eluwande
Dec 18, 2023 ⋅ 11 min read
Why React Doesn’t Update State Immediately

Why React doesn’t update state immediately

Dev

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

Chiamaka Umeh
Dec 12, 2023 ⋅ 3 min read
Using DangerouslySetInnerHTML In A React Application

Using dangerouslySetInnerHTML in a React application

Dev

Learn how to use dangerouslySetInnerHTML, the replacement for the innerHTML property in React, and safely apply it to your code.

Doğacan Bilgili
Dec 12, 2023 ⋅ 4 min read