Build React Website For Beginners - Tailwind, Smooth Scroll and styled-components

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

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

  • @137dylan
    @137dylan 3 года назад +3

    I'm glad you did this in TS as there's a dearth of quality React TS project tutorials on YT (beyond the basic counter type apps).

  • @alquinex
    @alquinex 3 года назад +4

    Thanks so much for your time and effort, and thanks for sharing your knowledge with us. This tutorial has been really helpful. Really appreciated!
    Just an observation, I think it will be more helpful if you could have your VSCode and browser side by side, so one can see exactly what's going with your code. Other than writing a bunch of code first before testing it.
    Also, could you please help with the configuration for Tailwind with Components in Next js? Babel is no longer supported on the latest fast Next js pages

  • @LeoTracks1
    @LeoTracks1 2 года назад +1

    Anyone else got stuck setting up the whole dependencies? I encountered like 10 million errors and I have to keep googling to get the same things as this guy

    • @Nikki-fs2kt
      @Nikki-fs2kt 2 года назад

      Same here. I think they've changed it up a lot in the last few months :(

  • @markdev-l7c
    @markdev-l7c Год назад

    What vscode theme do you use?

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

    Really enjoyed this.. Would've definitely loved to have seen the trial and error aspect of getting the sizing right, etc, instead of just having numbers already figured out separately that you could paste in, but I realize that would've added a significant amount of time to the video...

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

    Interesting using tailwind and styled components together. Would you recommend learning tailwind from scratch to take that approach?

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

    Nice tutorial🔥

  • @kumoxworld
    @kumoxworld 2 года назад +1

    For those who are getting errors on dependencies at the VERY start of the tutorial:
    - you need to change your version of react to 17. There are issues with version 18.
    - npm uninstall
    - npm install react@17.0.0
    - in the craco.config.js:
    - replace postcss with postcssOptions
    This should resolve your issues at the start.

    • @thientran-rd3qk
      @thientran-rd3qk Год назад

      im just trying to install the packages and already have issues...

  • @OneBrighDay
    @OneBrighDay 3 года назад

    Very nice tutorial thank you. I have a question i am getting Cannot find module '../../images/whateverImage.jpg' or its corresponding type declarations. For all the images any suggestions?

    • @CoderOne
      @CoderOne  3 года назад

      Add this to `react-app-env.d.ts`
      declare module "*.png" {
      const value: any;
      export = value;
      }

  • @taranewstime6909
    @taranewstime6909 3 года назад

    Nice 👍

  • @bita_taserrrrr
    @bita_taserrrrr 3 года назад +1

    Indonesia is good , now i'm in Indonesia

  • @rajkr9
    @rajkr9 3 года назад

    Very niceeee🔥🔥🥵🥵🥵🥵

  • @fasttocode
    @fasttocode 3 года назад

    Thank you.

  • @hardwired66
    @hardwired66 3 года назад

    love it

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

    next.js + GraphQl blog please....

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

    If you're not able to see the changes when you use bg-green-500, go to your tailwind.config.js file and make sure the line with "content" is as follows:
    content: ["./src/**/*.{js,jsx,ts,tsx}", "./index.html"],

  • @mahmood7649
    @mahmood7649 3 года назад

    could you please make a Complete website with react and GraphQL and typescript. Because you are one from many who using typescript mostly not!! thanks waiting for reply

    • @CoderOne
      @CoderOne  3 года назад

      There is a ful MERN tutorial with all technologies you're looking for:
      ruclips.net/video/4ELH8CT4J0A/видео.html

  • @jacopomarrone8059
    @jacopomarrone8059 2 года назад +1

    Great content !!
    Which vs code extension is , which suggests directly in "lines of code" and not in dropdown menu ??
    like at ruclips.net/video/RuhpLRAVvmM/видео.html

  • @eelguneezmemmedov1671
    @eelguneezmemmedov1671 3 года назад

    Thank u for everything u have done i aprriciate.
    I think it will be more helpful if you could have your VSCode and browser side by side, so one can see exactly what's going with your code Really the way u r doing is so annoying we dont know actually what u r talking about and how code will effect