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

Поделиться
HTML-код
  • Опубликовано: 1 окт 2024

Комментарии • 17

  • @BertieBrink1
    @BertieBrink1 4 года назад +6

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

  • @IndianDashCamAdventures
    @IndianDashCamAdventures 4 года назад +2

    Tailwindcss is distraction.

    • @QuentinWatt
      @QuentinWatt  4 года назад +2

      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
      @IndianDashCamAdventures 4 года назад +1

      @@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.

  • @daniellandau650
    @daniellandau650 4 года назад +1

    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
      @daniellandau650 4 года назад +3

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

    • @Borismwanga
      @Borismwanga 4 года назад +2

      @@daniellandau650 Thank u

    • @daniellandau650
      @daniellandau650 4 года назад +1

      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
      @QuentinWatt  4 года назад +2

      I'm glad you found a fix.

  • @everydaycode1535
    @everydaycode1535 4 года назад +1

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

    • @QuentinWatt
      @QuentinWatt  4 года назад

      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
      @QuentinWatt  4 года назад +1

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

  • @vurmise
    @vurmise 4 года назад

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

    • @QuentinWatt
      @QuentinWatt  4 года назад

      First you have to install it.
      yarnpkg.com/

  • @dano5478
    @dano5478 2 года назад

    my guy! your channel is under-rated ❤