Lessons about new features of the [Create React App 2.0](https://reactjs.org/blog/2018/10/01/create-react-app-v2.html) release.

[create-react-app version 2.0](https://reactjs.org/blog/2018/10/01/create-react-app-v2.html) added a lot of new features. One of the new features is support for [Sass](https://sass-lang.com/). If you start to use Sass, create-react-app will give you an error, but will give detailed instructions on how you can add Sass support to your project.

react

Add Sass Support to Create React App 2.0

[create-react-app version 2.0](https://reactjs.org/blog/2018/10/01/create-react-app-v2.html) added a lot of new features.  One of these features is to add CSS Module support.  CSS Modules automatically scope class names and animation names local by default to get around the problem of global name clashes. You can learn more by looking at the [CSS Modules repository](https://github.com/css-modules/css-modules).

Use CSS Modules with Create React App 2.0

[create-react-app version 2.0](https://reactjs.org/blog/2018/10/01/create-react-app-v2.html) added a lot of new features. One of the new features is added the [svgr](https://github.com/smooth-code/svgr) webpack loader to wrap SVGs in React components as a named export. This let’s you either grab the filename from the default export or grab a wrapped SVG component depending on your needs.

Add SVGs as React Components with Create React App 2.0

[create-react-app version 2.0](https://reactjs.org/blog/2018/10/01/create-react-app-v2.html) added a lot of new features. One of the new features is upgrading to [Babel Version 7](https://babeljs.io/blog/2018/08/27/7.0.0#jsx-fragment-support), which enables the Short Syntax of [React Fragments](https://reactjs.org/docs/fragments.html#short-syntax). Fragments have been a feature of React since version 16.2, but the Short Syntax hasn’t been available since Babel 7.0. Fragments let you wrap a group of children without adding an extra node to the DOM, which is helpful if you need a specific DOM structure.

Create React App 2.0

Elijah Manor

Course Content