Skip to content

About Blog Learn Explore Patterns Case studies

Thanks for tuning in to Google I/O. Watch the Chrome content on-demand.

React

Build performant and progressive React applications.

Overview

In this section you'll learn how to use built-in APIs and third-party libraries to improve the performance of your React applications.

Table of Contents

Next.js
Create React App

Next.js

Performance as a default with Next.js
Route prefetching in Next.js
Code splitting with dynamic imports in Next.js
How AMP can guarantee fastness in your Next.js app

Create React App

Get started: optimize your React app
Code splitting with React.lazy and Suspense
Virtualize large lists with react-window
Precaching in Create React App with Workbox
Pre-render routes with react-snap
Add a web app manifest with Create React App
Accessibility auditing with react-axe and eslint-plugin-jsx-a11y
Speed up navigations in React with Quicklink

We want to help you build beautiful, accessible, fast, and secure websites that work cross-browser, and for all of your users. This site is our home for content to help you on that journey, written by members of the Chrome team, and external experts.

Contribute

File a bug
View source

Related content

developer.chrome.com
Chrome updates
Case studies
Podcasts
Shows

Connect

Twitter
YouTube

Chrome
Firebase
Google Cloud Platform
All products

Dark theme

Terms & Privacy
Community Guidelines

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies.

By Chrome DevRel