Using Create React App

Create React App allows you to set up a modern web app by running one command. More info

Articles & Tutorials

How to Setup HTTPS Locally with create-react-app (freecodecamp.org)
Jul 21, 2020
In this article, we will be setting up HTTPS in development for our create-react-app with our own SSL certificate.
  • Braedon Gough
Customize Create React App without Ejecting (codedaily.io)
Jun 23, 2020
Create React app has become the defacto standard for building React applications. With a standard comes inflexibility. The ecosystem of the JavaScript world has expanded greatly and sometimes you want to build upon the standard.s
  • Jason Brown
Multiple entry points in Create React App without ejecting (blog.logrocket.com)
Jun 02, 2020
You can create multiple entry points in Create React App without ejecting by using an environment variable to conditionally import container files.
  • Andrew James
Create React App from Scratch (dev.to)
May 13, 2020
Create React App comes with Webpack already pre-configured for you. This is going to teach you how it is done.
  • Brittney Postma
Everything you need to know about react-scripts (blog.logrocket.com)
Apr 30, 2020
In this guide, we’ll give an overview of react-scripts, compare a few different types of scripts, and describe how create-react-app dramatically streamlines the React development process.
  • Ibrahima Ndaw
Using Tailwind CSS with Create React App (daveceddia.com)
Mar 30, 2020
I’ve been hearing a lot about Tailwind CSS lately and I wanted to give it a try, but I wanted to combine Tailwind with Create React App. In this post I’ll show you how to use Create React App with Tailwind CSS in just a couple quick minutes.
Codebase Conversion: Building a MEAN.js AngularJS Project with Create-React-App (blog.isquaredsoftware.com)
Mar 28, 2020
How I hacked CRA's config to have it build a classic AngularJS codebase.
  • Mark Erikson
How to Docker with create-react-app (robinwieruch.de)
Feb 18, 2020
Just recently I had to use Docker for my create-react-app web application development. Here I want to give you a brief walkthrough on how to achieve it.
Best New Features of Create React App 3.3 (telerik.com)
Jan 13, 2020
This post takes you through the top features in the newly released Create React App 3.3. See how the latest updates help speed your development of React apps.
  • Nwose Lotanna Victor
Fix: Template Not Provided Using Create-React-App (upmostly.com)
Jan 10, 2020
I ran in to an unusual error recently when I tried to run create-react-app. I’d recieve Template Not Provided Using Create React App. Let’s explore what this error is and how we can fix it.
  • James King
From create-react-app to PWA (blog.logrocket.com)
Jan 08, 2020
Take your app from the console to the web to your users’ home screens.
  • John Reilly
Nginx + Create-React-App + gzip: Tripple Your Lighthouse Performance Score in 5 Minutes (itnext.io)
Nov 29, 2019
Many react developers use a boilerplate to get their projects started. For me this boilerplate is create-react-app. While being great for reducing pain during development, not having to deal with Webpack and its perks and caveats has its pitfalls. One of these pitfalls hit me when deploying my app to a real server and running the Lighthouse audit with Chrome.
  • Florian Martens
Read a File in Create React App (starikov.dev)
Oct 29, 2019
Imagine you have a text file on your computer. It could be JSON, CSV, markdown or any other format. And now you want to create a React app to make the information in that file more presentable and maybe somewhat interactive.
  • Herman Starikov
How to configure Create-React-App to use TailwindCSS (blog.logrocket.com)
Jul 23, 2019
Recently, I tried using TailwindCSS in a React project bootstrapped by the Create-React-App (CRA) boilerplate and ran into difficulties setting up TailwindCSS as CRA abstracts configuration.
  • Anjolaoluwa Adebayo-Oyetoro
Next.js vs. Create React App: Whose apps are more performant? (blog.logrocket.com)
Jun 27, 2019
What are the performance differences between Next.js and Create React App? Let’s unpack that question with some data, but first, we need to understand what exactly we are comparing here.
  • Sean Connolly
Absolute imports with Create React App (hackernoon.com)
May 19, 2019
With the release of Create React App 3, we now have the ability to use absolute import paths, without ejecting.
  • David Gilbertson
Getting started with Create React App (blog.logrocket.com)
May 06, 2019
Create React App is a popular toolchain for building simple apps. The goal of this post is to explain the components of Create React App at a deeper level to give you much better control and confidence over the development environment.
  • Karthik Kalyanaraman
What’s new in Create React App 3 (blog.logrocket.com)
May 03, 2019
Released at the end of April 2019, Create React App (CRA) 3 adds linting rules to hooks and TypeScript projects, along with other improvements and version upgrades to ease the development of React apps.
  • Esteban Herrera
create-react-app v3, What's new? (scotch.io)
Apr 29, 2019
The React team recently unveiled version 3 of create-react-app and it brings some exciting new features incrementing on what was added on the previous releases.
  • Austin Roy
Dealing with CORS in Create React App (telerik.com)
Apr 25, 2019
In this article we'll learn how to get around CORS issues using Create React App's proxying capabilities.
  • Blanca Mendizábal Perelló
How to build an Electron app using Create React App and Electron Builder (hackernoon.com)
Mar 04, 2019
Lets learn how to build an Electron app using Create React App, and package it for distribution using Electron Builder.
  • Randy Findley
Using MDX with create-react-app 2 (frontarm.com)
Jan 16, 2019
Learn how to get the succinct syntax of Markdown, the power of JSX, and all with the simplicity of create-react-app 2.
How to go from scratch to Create-React-App on Windows (medium.freecodecamp.org)
Jan 08, 2019
An opinionated guide on setting up a web development environment on Windows 10
  • Scott Spence
Introduction to create-react-app (flaviocopes.com)
Dec 19, 2018
create-react-app is the easiest way to start up a React application
10 More Things You Didn’t Know About Create React App (telerik.com)
Dec 03, 2018
Learn new tips and tricks for Create React App to make you more productive with tooling and help you build your apps faster.
5 Things I Didn't Know about Create React App (telerik.com)
Nov 05, 2018
Looking for tips for using Create React App? Here are five features you may not know about.
  • Blanca Mendizábal Perelló
Customize Create React App Structure with Bash (daveceddia.com)
Oct 15, 2018
Create React App (CRA) is great. Recently updated to version 2, it now supports Sass out of the box and a bunch of other cool stuff.
What's New in Create React App 2.0 Video Series (elijahmanor.com)
Oct 11, 2018
Earlier this month Create React App 2.0 was released adding a lot of new features. Some of those features include Sass Support, CSS Modules Support, Adding SVGs as React Components, Fragment Short Syntax, and Babel Macros.
Hello, Create React App 2.0! (telerik.com)
Oct 05, 2018
In this blog post, Eric Bishard will walk you through what's changed in Create React App and how you can use it in your development environment.
  • Eric Bishard
create-react-app with CSS Modules (robinwieruch.de)
Oct 03, 2018
The article is a short how to use CSS Modules in your create-react-app application. It shows you how to setup CSS Modules, but also how to use it in your components.
create-react-app with Sass (robinwieruch.de)
Oct 03, 2018
A short guide on how to add Sass support to your create-react-app application which shows you how to setup Sass, but also how to use it in your React components.
Create React App 2.0: Babel 7, Sass, and More (reactjs.org)
Oct 01, 2018
Create React App 2.0 has been released today, and it brings a year’s worth of improvements in a single dependency update.
How to build a custom PWA with Workbox in create-react-app (medium.freecodecamp.org)
Sep 19, 2018
In this follow up post, I’m going to take you through how to build a custom Progressive Web App (PWA) using Google’s Workbox library without ejecting from the create-react-app (CRA) shell.
  • Zaid Humayun
A quick guide to help you understand and create ReactJS apps (medium.freecodecamp.org)
Aug 18, 2018
The First Part demonstrates how to create a simple React app using ‘create-react-app’ CLI and explains the project structure.
  • Aditya Sridhar
How to build a PWA with Create-React-App and custom service workers (medium.freecodecamp.org)
Aug 08, 2018
I realised what a struggle it is to get a PWA with custom routes configured inside of a Create React App (CRA) build. Hopefully this helps out someone stuck in a similar position.
  • Zaid Humayun
How to setup React.js on Windows (robinwieruch.de)
Feb 20, 2018
A concise step by step guide on how to setup React.js on Windows for your PC. In a few steps, you will install Visual Studio Code, Node.js, NPM, Git, Prettier and create-react-app for building React applications with Windows.
Adding Storybook Style Guide to a Create React App (elijahmanor.com)
Feb 20, 2018
In this post we’ll look at how to add the Storybook style guide to a React web app boostrapped by create-react-app.
Getting Started with Create React App (elijahmanor.com)
Jan 29, 2018
In this post I’ll show how to get started with create-react-app and long the way, we’ll look at each of its built-in scripts and also investigate various ways to keep your react-scripts dependency up-to-date.
MobX (with Decorators) in create-react-app (robinwieruch.de)
Oct 10, 2017
Everything you need to know about using MobX in a create-react-app with React. The article shows you all the different edge cases on how to activate JavaScript decorators, how to use MobX without decorators, and as bonus how to use MobX in Next.js.
Maintaining a fork of create-react-app as an alternative to ejecting (medium.com)
Jul 08, 2017
Step-by-step example and a working repo
  • Denis Zhbankov
What's New in Create React App (reactjs.org)
May 18, 2017
Less than a year ago, we introduced Create React App as an officially supported way to create apps with zero configuration. The project has since enjoyed tremendous growth, with over 950 commits by more than 250 contributors.

Video Guides & Talks

Combining Gatsby with Create React App (youtube.com)
Jan 20, 2020
Learn how you can use Gatsby and create-react-app on the same website without using subdomains.
What's New In Create React App 2.0? (youtube.com)
Oct 21, 2018
This is a quick video going over the new features and changes in Create-React-App 2
Using and writing custom babel macros with create-react-app v2 (youtube.com)
Sep 27, 2018
The last beta of create-react-app v2 has been published. Let's see how you can use babel-plugin-macros in a create-react-app app and how to write your own.
Debug tests in create-react-app (youtube.com)
Sep 18, 2018
If you want to run your tests in create-react-app with the Chrome Debugger.
Creating create-react-app (youtube.com)
Jun 21, 2018
We all use create-react-app but how much do we know about how it works internally? In this talk we discuss how I recently dived into the source code for create-react-app to make a fun clone! It looks intimidating but is really not, once you get a hang of how lerna monorepos work and try making one of your own. Watch this and then go make your own create-awesome-app!
Add ESLint & Prettier to VS Code for a Create React App (youtube.com)
Mar 19, 2018
In this video we’ll look at how to setup VS Code to lint and style an app bootstrapped by create-react-app with with ESLint and Prettier.
Forking instead of Ejecting a Create React App (youtube.com)
Mar 01, 2018
In this video we’ll look at technique to help prevent you from ejecting your app that was bootstraped by `create-react-app`.
Adding Storybook Style Guide to a Create React App (youtube.com)
Feb 20, 2018
In this post we’ll look at how to add the Storybook style guide to a React web app boostrapped by create-react-app.
MobX in create react app without ejecting (with CRA 1) (youtube.com)
Feb 09, 2018
In this video we'll see how we can use MobX (with decorators!) without having to eject from create react app. You can also use this technique to add other babel plugins or modify your webpack config without ever needing to eject.
Debugging a Create React App with VS Code (youtube.com)
Feb 05, 2018
In this post we’ll look at how to configure Visual Studio Code to debug React Components and Jest Unit Tests inside a web application that was created by create-react-app.
Connecting React Apollo with Create React App (youtube.com)
May 30, 2017
In this video I will show you how to connect React Apollo (Client) with the popular create-react-app tools!
  • Jamie Barton
ReactCasts #7 - Hot Module Replacement in Create-React-App (youtube.com)
Dec 02, 2016
Hot Module Replacement (or HMR) is a Webpack feature that allows "on the fly" module updates for your app.
  • Cássio Souza

Courses & Video Series

Eject create-react-app and Use Gatsby for Advanced React App Development (egghead.io)
Aug 25, 2020
Once you've got a grasp on the basics, Khaled will share his process for migrating an existing application built with Create-React-App project over to the Gatsby way of doing things.
  • Khaled Garbaya

Podcast Episodes

Hot Reloading in Create React App with Dave Ceddia (devchat.tv)
May 01, 2018
In this episode of React Round Up, the panel discusses hot reloading with Create React App with Dave Ceddia. They talk about what hot reloading is, when you would want to use it, and how you can set it up in your code. They also touch on ways to customize Create React App, the disadvantages to customizing, and the key points to understand about Create React App before modifying it.

Libraries