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

[@137dylan]

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]

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

[@JeremiahFulbright]

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

[@firmansyahken1494]

Nice tutorial🔥

[@LeoTracks1]

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]

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

[@CTFlink]

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

[@kumoxworld]

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]

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

[@markdev-l7c]

What vscode theme do you use?

[@taranewstime6909]

Nice 👍

[@rajkr9]

Very niceeee🔥🔥🥵🥵🥵🥵

[@fasttocode]

Thank you.

[@bita_taserrrrr]

Indonesia is good , now i'm in Indonesia

[@sigitkhoirunnizam6271]

same 😂

[@agungdwikar3574]

@@sigitkhoirunnizam6271 me too hahaha

[@sigitkhoirunnizam6271]

@@agungdwikar3574 mantap bang, semangat2 :v

[@agungdwikar3574]

@@sigitkhoirunnizam6271 smngt juga pejuang webdev wkwk

[@hardwired66]

love it

[@OneBrighDay]

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]

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

[@yukebrillianth]

next.js + GraphQl blog please....

[@kumoxworld]

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]

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]

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

[@eelguneezmemmedov1671]

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

[@jacopomarrone8059]

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