React
44 items tagged with "react"
Patterns6
Container/Presentational Pattern
Separates components that fetch and manage data (containers) from components that only render UI from props (presentational), improving reuse and testability.
Higher-Order Component (HOC)
A function that takes a component and returns a new component with added behavior, enabling cross-cutting concerns to be shared without inheritance.
Render Props
A component shares logic by accepting a function prop that it calls with internal state, letting the caller control rendering while reusing behavior.
Custom Hooks
Extracts reusable stateful logic from React function components into named hook functions, sharing behavior without wrapper components or prop drilling.
Compound Components
A set of components that work together and share implicit state through context, giving consumers a flexible, declarative API for a composite widget.
Provider Pattern
Distributes shared state or services to a component subtree through context, avoiding prop drilling and centralizing access to cross-cutting data.
Tutorials2
Blueprints5
AngularJS to React Blueprint
Migration guide from AngularJS to React with TypeScript
React Class to Hooks Blueprint
React class components to functional components with hooks
Client-Rendered SPA to Next.js SSR Blueprint
Convert a client-rendered React SPA to server-side rendering with the Next.js App Router for faster loads and better SEO.
AngularJS to React Blueprint
Migrate a legacy AngularJS (1.x) application to React, replacing it route-by-route behind a routing proxy or shell.
jQuery to React SPA Blueprint
Replace a jQuery-driven multi-page or hybrid frontend with a structured React single-page application.
Migrations10
Create React App to Next.js Migration
Migrate a CRA app to Next.js with SSR/SSG options, routing changes, and data fetching updates
Create React App to Vite Migration
Migrate a CRA React app to Vite with updated env vars, build config, and tooling
Gatsby to Next.js Migration
Migrate a Gatsby site to Next.js with updated data fetching, routing, and image handling
jQuery to React Migration
Replace jQuery-driven UI with React components, routing, and state management
Next.js 13 to Next.js 15 Migration
Upgrade Next.js from 13 to 15 with App Router and React 19 support
Next.js Pages Router to App Router Migration
Migrate from Next.js pages router to app router (layouts, server components, new data fetching)
React 18 to React 19 Migration
Upgrade to React 19 with Server Components, Actions, and use() hook
React Class Components to Hooks Migration
Convert React class components to functional components with hooks and Server Components
React Router v5 to v6 Migration
Upgrade routing from React Router v5 to v6 (Routes, element prop, navigate APIs, relative routing)
Redux to Redux Toolkit Migration
Migrate Redux code to Redux Toolkit slices, async thunks, and modern store configuration
Products8
React
JavaScript library for building user interfaces
Next.js
React framework for production with server-side rendering
Remix
Full stack web framework for building better websites
Material UI
React component library implementing Google's Material Design
Chakra UI
Simple, modular component library for React
Ant Design
Enterprise-class UI design language and React components
Headless UI
Unstyled, accessible UI components for React and Vue
Clerk
Complete user management platform
Stacks9
PERN Stack
PostgreSQL, Express.js, React, Node.js - Relational DB full-stack
RedwoodJS
An opinionated fullstack JavaScript framework integrating React, GraphQL, and Prisma into one convention-driven project for startups.
Django + React
A decoupled stack with a Django REST backend and a React front end, separating API and UI for flexible, scalable web applications.
FastAPI + React
A modern Python stack with a FastAPI backend and a React front end, joining high-performance async APIs to a rich interactive UI.
Blitz.js
A fullstack toolkit on top of Next.js that removes the API layer with typed server-side queries and mutations for rapid app building.
React + Spring Boot
A React frontend backed by a Java Spring Boot REST API, a workhorse enterprise stack for large, long-lived business applications.
React + Django REST Framework
A React frontend consuming a Django REST Framework API, a productive Python full-stack for data-rich and ML-adjacent web applications.
Express + React + Postgres
A classic JavaScript full stack: an Express REST API on Node.js, a React frontend, and a PostgreSQL database, flexible and widely understood.
Gatsby + Headless CMS
A React-based static site generator that sources content from a headless CMS and APIs through GraphQL, producing fast, pre-built marketing and content sites.
Comparisons4
React vs Vue
Comparison of React and Vue.js for frontend development
React vs Angular
React is a flexible UI library you compose with your own tools; Angular is a complete, opinionated framework with batteries included.
Next.js vs Remix
Next.js is the dominant React meta-framework with broad rendering options; Remix focuses on web standards, nested routing, and progressive enhancement.
React vs SolidJS
React popularized component UI with a virtual DOM and huge ecosystem; SolidJS uses similar JSX but fine-grained signals and no virtual DOM.