What’s New in Create React App 2.0 Video Series

Adding Sass Support

  1. Use native CSS
  2. Manually run a CSS preprocessor outside the normal CRA build flow
  3. Eject their project with npm run eject and add webpack support for a CSS preprocessor
  4. Use react-app-rewired to get around ejecting CRA
  5. Use a CSS-in-JS solution such as emotion, etc…

CSS Modules Support

  1. The class names are very terse and specific to the file. Since the class names are local there is no need to follow a rigid naming formation like BEM, for example.
  2. Much like you compose Components in React, you can also use composes in CSS Modules to build up styles. The following .warning class takes the styles from .default and adds it’s own styles to it color and background-color.

Adding SVGs as React Components

Use the Fragment Short Syntax

Babel Macros Support

Conclusion

--

--

--

Elijah Manor is a Christian and a family man. He works at Planview on the LeanKit product. He specializes in Front-End Development and is an Egghead.io author

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

[Action required] Your RSS.app Trial has Expired — Tue Feb 08 2022

Express Basics — Part 2

Why you need to consider building on React.js

Learning React with Ben Awad — 05

How to make Node.js API project up and running in 120secs.

Use Astro with Gitlab Pages or Github Pages

Let’s React…To The Social Pup!

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Elijah Manor

Elijah Manor

Elijah Manor is a Christian and a family man. He works at Planview on the LeanKit product. He specializes in Front-End Development and is an Egghead.io author

More from Medium

Create responsive iframe Embed in a React Way

Theme Toggle in ReactJS using CSS Variables and React Context

The desired output of a perfect Theme Toggle in ReactJS.

How to Use Props in React

React JS / Components , props and state