Published Dec 26 2018
Psssst! The 2023 WEB DEVELOPMENT BOOTCAMP is starting on FEBRUARY 01, 2023! SIGNUPS ARE NOW OPEN to this 10-weeks cohort course. Learn the fundamentals, HTML, CSS, JS, Tailwind, React, Next.js and much more! ✨
When you build a React application using
create-react-app, you have many options at your disposal when it comes to styling.
Of course, if not using
create-react-app, you have all the choices in the world, but we limit the discussion to the
You can style using plain classes and CSS files, using the style attribute or CSS Modules, to start with.
SASS/SCSS is a very popular option, a much loved one by many developers.
You can use it without any configuration at all, starting with
All you need is a
.scss file, and you just import it in a component:
You can see an example of it working at https://codesandbox.io/s/18qq31rp3.