React JS for beginners: Tutorial 5 - Add a CSS framework to your React App

[@BertieBrink1]

This is the best React app video tutorial series that I have ever seen, Quintin told me to tell you ;)

[@QuentinWatt]

I need the exposure! :D

[@dano5478]

my guy! your channel is under-rated ❤

[@QuentinWatt]

I appreciate that!

[@everydaycode1535]

6:49 npm build:css not working. is there a way to use npm instead of yarn?

[@QuentinWatt]

Running custom scripts with yarn is: `yarn [script_name]` e.g. `yarn build:css` With npm it's: `npm run [script_name]` e.g. `npm run build:css`

[@QuentinWatt]

I'd say, switch to Yarn. It's faster, and has less output in the command line.

[@daniellandau650]

I'm getting an error, what am I doing wrong? learn-react> npm run build:css > learn-react@0.1.0 build:css C:\corona\test\learn-react > postcss src/index.css -o src/tailwind.css TypeError: Invalid PostCSS Plugin found at: plugins[1]

[@daniellandau650]

"npx tailwindcss build src/index.css -o src/tailwind.css " solved it

[@Borismwanga]

@@daniellandau650 Thank u

[@daniellandau650]

I seems like the latest version of postcss-cli does not work as expected in this tutorial [at list on win10] . Found two ways to solve it and able to run " postcss src/index.css -o src/tailwind.css": 1. Downgrade version : "autoprefixer": "^9.7.5", "postcss-cli": "^7.1.0", in package.json [the the same version used in this video]. 2. Follow this: github.com/postcss/postcss#usage

[@QuentinWatt]

I'm glad you found a fix.

[@vurmise]

I have windows, its saying yarn doesn't work for me

[@QuentinWatt]

First you have to install it. yarnpkg.com/

[@IndianDashCamAdventures]

Tailwindcss is distraction.

[@QuentinWatt]

Thanks, but you will have to use a css framework of some kind (bootstrap, uikit, or any alternative) so it's still valuable as a lesson.

[@IndianDashCamAdventures]

@@QuentinWatt agree, I felt that because in my case when I am new to react I want to focus all my energy to learn the react. No doubt all your videos are awesome and knowledgeable.