Full Stack Web Development with React Hooks and Redux

Full Stack Web Development with React Hooks and Redux

Create React App lets you quickly create React apps with little-to-no build configuration. And this new update gives your app super-powers.

Redux

 

Create React App lets you quickly create React apps with no build configuration.

The version 2.0 was recently announced and its packed with tons of new features.

This post is a guide to using nearly every new feature of the create react app 2.0.

Here’s what Facebook said was new in their blog post:
What's new in CRA - From the Facebook Announcement

While you’re probably familiar with some of the above list, you might be asking, what are these new features, when should I use them, and how do I use them?

Below, we’re going to answer all of those questions for each new feature.

What’s great about CRA version 2?

While the no-configuration aspect of Create React App makes it easy to get started, there are times where we want to add third-party plugins into our app. This new version let’s us easily use:

  • SASS support out of the box.
  • Support for React Fragment Syntax
  • Intelligent JS bundling and splitting via webpack 4
  • Interactive mode for Jest 23
  • Support for PostCSS
  • Babel Macros transforms
  • Importing SVG components
  • API Proxy implementation
  • Service workers with Google’s Workbox

 

This new version also features updates to the many dependencies that are in create-react-app (e.g. webpack 4Babel 7Jest 23).

The GitHub project here contains all the examples used in this article with each branch containing examples for the different features.

Table of Contents

SASS support out of the box

Leave a Comment