React

15 articles tagged with react.

freeCodeCampreactgo

Building a Website in 2026: What Matters More Than Your Tech Stack

For years, developers have debated which technology stack was best for building websites. Some preferred React. Others chose Vue, Angular, Svelte, or server-side frameworks such as Laravel and Django.

Manish Shivanandhan 9 min1 day ago
DEV Communitytanstackreacttypescript

TanStack Start Is Kind of a Big Deal

Introduction People keep telling me TanStack Start is kind of a big deal, and I wanted to...

Erik Hanchett10 min7 days ago39
freeCodeCampreacttutorial

How to Build a Full-Stack SaaS App with TanStack Start, Elysia, and Neon

Most full-stack React tutorials stop at "Hello World." They show you how to render a component, maybe fetch some data, and call it a day. But when you sit down to build a real SaaS application, you im

Magnus Rødseth 44 min2 months ago
freeCodeCampreactai

How to Design a Type-Safe, Lazy, and Secure Plugin Architecture in React

Modern web applications increasingly need to evolve faster than a single team can maintain a monolithic codebase. Product teams often want to add features independently, experiment with new capabiliti

Jessica Patel 15 min3 months ago
freeCodeCampjavascriptreact

Common React Mistakes to Avoid

By Scott Gary React is a highly popular and powerful JavaScript library for user interface development. Its component-based architecture, combined with its declarative nature, is one of the primary re…

freeCodeCamp 7 minalmost 2 years ago
freeCodeCampreactapitutorial

How to Use React's Context API – Tutorial with Examples

In React, data is typically passed down from parent to child via props. But this can lead to "prop drilling" – where we have to pass props down through lots of components to get them where they're nee…

Danny 13 minalmost 2 years ago
freeCodeCampreact

What's the Difference Between the useMemo and useCallback Hooks?

React provides various hooks that make it easier to manage application state and other React features in functional components. Hooks provide class component features to functional components, and the…

Kunal Nalawade 8 minalmost 2 years ago
freeCodeCampreactnode

How to Upgrade from Node 16 and Jest 26 While Staying on React Scripts 4

Recently, I was trying to upgrade some of my open source projects. They were made using create-react-app around 2019, and I wanted to upgrade to a newer version of NodeJS and Jest. This would let me t…

Harsh Deep 19 minalmost 2 years ago
freeCodeCamptypescriptreactcss

How to Build a Counter Button with React, TailwindCSS, and TypeScript

How can you keep track of the number of times a user clicks a button? How are the hearts on Instagram or the likes on Facebook counted? In this tutorial, we will build a button that tracks the number…

Devin Lane 23 minalmost 2 years ago
freeCodeCampreactai

Data Flow in Redux Explained – A State Management Handbook

In complex React applications, managing application state effectively can become a challenge. This is where Redux, a predictable state management library, steps in. By introducing a unidirectional dat…

Joan Ayebola 30 minalmost 2 years ago
freeCodeCampreacttutorial

React 19 Actions – How to Simplify Form Submission and Loading States

React 19 introduces Actions, which are asynchronous functions. Actions are helpful in making form submissions easier. This tutorial dives into what Actions are and how to use them. You'll learn about:…

Shruti Kapoor 4 minalmost 2 years ago
freeCodeCampreactapi

How to Create Infinite Scrolling in React Using the Intersection Observer API

Hi fellow developers! Have you ever wondered how social media apps like Facebook and Instagram keep you scrolling endlessly through your feed? This user experience, designed to load new content on dem…

Kunal Nalawade 6 minalmost 2 years ago
freeCodeCampreactapiprogramming

How to Validate Forms in React and React Native Using Yup and Formik

Validation is a key part of development, regardless of what programming language you’re writing. Developers should always be validating user input, API parameters, and retrieved values. One of the mos…

Grant Riordan 11 minalmost 2 years ago
freeCodeCampreact

What are Controlled and Uncontrolled Components in React.js?

In React.js, managing form inputs and user interactions is a crucial part of building dynamic web applications. Two key concepts that developers need to understand are controlled and uncontrolled com…

Joan Ayebola 18 minalmost 2 years ago
freeCodeCampreact

How to Enhance Embedded Links in React with Microlinks

The web has evolved from rigid color coding and 2D rendering to an era of complex, aesthetically pleasing animations and 3D rendering options. There have also been integrations with new technologies,…

Oluwatobi 4 minalmost 2 years ago