React Beginner Course 2024 (Vite, Tailwind CSS, TypeScript)

-How to set up a new React project using Vite
-How to install & use Tailwind CSS in React
-How to think in React
-The difference between declarative and imperative code
-What are components, props, JSX, SPA, unidirectional data flow, callbacks, state, side effects, and more
-How to build your first app with clean & well-organized code

📣 Follow Coding in Flow on social media:

Timestamps:
0:00 - Introduction
12:05 - Imperative vs declarative explained
15:53 - Tailwind CSS setup (with Vite) + Tailwind CSS IntelliSense setup
26:17 - Rendering lists with map (+ React project structure)
33:55 - Components & props explained, conditional className
44:11 - Unidirectional data flow explained, callback props
51:28 - useState + updating state in React
58:08 - Add to state in React, form, controlled vs uncontrolled input
1:11:31 - Derive state (sort), component rendering explained, prop drilling, conditional rendering
1:25:53 - Todo summary sibling component, filter, delete all completed todos
1:33:07 - useEffect (side effects), local storage, useState initializer function
1:38:22 - Custom hook + What are hooks in React?

[bhuvanye]

Awesome beginner course, leant a lot from this. Thanks mate.

[baijusharma]

I have learnt Android from you. Now, it's time to learn react js. Thank you 🙏

[kekente]

Great stuff, this was really helpful!

[ntyqtxy]

This guy was my life saver back in 2018 with the android development courses. Much appreciated Sir 🙌🏿

[Noumaan_Ahamed]

Looking for more advanced tutorials soon.. Great one as usual❤

[hubertitomba]

Thank you so much, easy to follow, very helpful

[matercomus]

Really good tut. easy to follow, full of useful info and tips. keep it up!

[ianrosa]

Nice tutorial <3 for sharing when can we expect the advance ? I'm too excited. Thank you

[MuhammadRidha-dhvb]

as always, best tutorial you can found and beginner friendly😆

[AaronStorey]

Learned a lot of Android from you, and now I'll be learning React from you! Interesting to see familiarities between things like Jetpack Compose and React components . Thanks a ton for making these videos

[uroszivadinovic]

I have to comment again bro, ur really very good teacher and i like so much your teaching style, u have short but consize videos, and ur building so "small" things but u teach us the fundamentals of some language or framework, so we can then use google and chat gpt and build something bigger and learn alot from that, thats what i did after ur MERN project, and now this React course where i came just to be more confidient writing React with Typescript. All the best and thank you for everything u do!

[abhayshaw]

A much awaited banger after the MERN course

[jchwche]

Thank you so much!!. your video is very helpful to me. 👍👍😀

[mnhtada]

you are just amazing,
Thank you soo much ♥♥♥♥

[kaiiemsawat]

34:30 when the dinosaur still alive LOLOLOL.
This is why he is the

[AyoubAhfour]

I Like what you do maaaan Great Work broski

[myworldworks]

My man from android development, is here. Now, not even the sky is the limit. Let's

[RazyCo]

I wanted to thank you for your Unity tutorial but I couldn't find it. So yeah thank you for everything you taught me 🙏🏻

[argenkadrbekov]

Hi, could you show me how to jump over a wall in unity 2D? I have reviewed your lessons on creating a game

[LoeRL]

Really enjoyed the video. I think it could have done with a quick explanation on how to publish the react project as it is a beginner's tutorial. Thank you