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

[@codinginflow]

Get my free *React Best Practices* course: www.codinginflow.com/reactbestpractices

[@tls0911]

i can't seem to figure out where in your website do i subscribe in your free course

[@codinginflow]

@@tls0911 There should be an input field but some people report that they can't see it. I'll try to fix it.

[@dornubariimeah415]

@@codinginflow Hi, I also still cant see it thanks

[@murphyohileboohilebo6230]

I'm sorry to ask but what is the use of the "completed: Boolean" property in the types and dummy data objects.

[@AdventureLtd]

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

[@baijusharma6027]

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

[@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!

[@codinginflow]

Thank you so much 😀

[@myworldworks]

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

[@codinginflow]

I like your positivity

[@Noumaan_Ahamed]

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

[@codinginflow]

Thank you!

[@marlingroves7650]

Thanks for assisting on getting me on to react, I've been stalling this language for over 12 months now. Your teaching style is really good and makes the next individual understand what you're teaching. Nice accent tho :) theres a zzzzzzz at the end of your words :)

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

[@codinginflow]

Yup, Compose was inspired by React!

[@abhayshaw1875]

A much awaited banger after the MERN course

[@codinginflow]

Yea I definitely needed a React-only beginner course on the channel :)

[@bhuvanye8370]

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

[@saurabh-yp1jr]

thank you very much, oove from india, you deserve more

[@codinginflow]

I love the positivity. Thank you!

[@mod_cyber1015]

Great Stuff again Brother.

[@liize]

for those who follow along and use different logic for new id, you might face some problems with sorting. make sure not to mutate the state. good stuff

[@Salah-YT]

thank u so much

[@matercomus]

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

[@codinginflow]

Glad you liked it!

[@kaiiemsawat2415]

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

[@soumadip_banerjee]

Dankeschön!

[@hubertitomba448]

Thank you so much, easy to follow, very helpful

[@codinginflow]

Glad you liked it!

[@markus_dev_cwb]

Great tutorial Man! Tks to share

[@kekente]

Great stuff, this was really helpful!

[@MuhammadRidha-dh6vb]

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

[@codinginflow]

Thank you very much brother

[@LoeRL1]

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

[@codinginflow]

I thought about it but I skipped the deployment part since I usually build "real" apps with Next.js which is deployed differently

[@fermanguzel]

excellent like always

[@wadejohnson4542]

Florian, you are a rock star.

[@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 🙏🏻

[@codinginflow]

Thank you brother

[@ianrosa6452]

Nice tutorial

[@boismd]

i am starting grinding this. wish me luck

[@codinginflow]

You don't need luck when you have my tutorials 😎

[@argenkadrbekov4499]

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

[@AmphibianDev]

I now got a better idea for a video: a Lucia auth tutorial, in Next.js + Prisma.

[@codinginflow]

I might give it a try. I don't like that Next-auth doesn't have username + password.

[@amarAliz]

great !!!!!!!!!

[@jchwche]

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

[@codinginflow]

Very happy to hear that!

[@StefanDiby]

👏👏👏👏👏👏👏👏

[@kyanca8742]

To answer ur question, i guess that to delete an element; i have to use the map and then if its the same id i delete the element of the array like this ? function deleteTodo(id: number) { setTodos((prevTodos) => prevTodos.map(todo => (todo.id === id ? null : todo)) ) } I guess it isnt the good way coz isnt working on my computer but it can be rly cool if someone explain me tje good answer : ), rly cool video TY :

[@codinginflow]

Almost! Instead of mapping to null elements, you should use array.filter. Good job!

[@perfect_cut_]

Very useful content, cheers^^

[@codinginflow]

Glad to hear that!

[@XDBjoernXD]

Fun and engaging

[@codinginflow]

thank you

[@ImPaul56]

im here from your mr robot comment, god damn that song realy motivated you

[@codinginflow]

Haha yea, that song and the show are fantastic. Time to listen to it again!

[@ImPaul56]

@@codinginflow yeah, im so sad i didnt find mr robot earlier. its music and the show itself is just straight up fire

[@AyoubAhfour]

I Like what you do maaaan Great Work broski !!!!!!!!

[@codinginflow]

thank you!

[@mnhtada12]

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

[@codinginflow]

thank you too!

[@CHEF_ALMERIA]

I think membership and stripe payments are a basic feature to learn...and you forget to implement on your website.

[@codinginflow]

Sir, this is a React beginner course.

[@Squarit1]

Make much much more projects with react and ts like this plz :)

[@codinginflow]

Have you checked my web dev playlist yet?

[@Squarit1]

@@codinginflow yes, but I need a lot of practice with node/express/react/typescript/tailwind/MUI, next is currently not for me :/

[@neopickaze]

Excellent content

[@codinginflow]

Thank you so much!

[@ninjapro5604]

Hey i have knowledge about html css but only basic knowledge about javascript (like the basic programming concepts of loops variables, a little DOM) should i learn more js or just dive in this course?

[@codinginflow]

Dive into this course

[@Нелюдина-п9ы]

thx

[@chris-li5pj]

hey man i saw a comment on a joe rogan video you made a few years ago about jiu jitsu and im just wondering if you still do it, how you like it and what belt you’re at now. have a good one!

[@codinginflow]

Yes, I still do it. I'm a white belt with 3 stripes now. I can't put much time into this hobby so I progress slowly. But it's still fun.

[@fullstack_journey]

Tsoding in flow

[@DavidValle-ej8es]

20:12 I followed all the steps from the vite tailwind documentation and when I try to use the utility classes it does not work. I get no errors at all it just does not apply the utility classes. I have literally done everything under the sun and it just does not work

[@ninjapro5604]

I have knowledge about only basic js, will that be enough for learning this? Can you tell me which concepts are a must for this

[@codinginflow]

Yes, it's enough 👍🏻

[@ishansharma7991]

Quick question it seems when you enter things (before adding to the todo) it highlights the border of the input in black. Mine is blue, is this a browser default of yours or some config somewhere in the code that I am missing?

[@codinginflow]

Yea I think that's the browser default but you should be able to change the color with a class (probably outline)

[@saifhammadi4665]

Hi, New subscriber and a beginner! Quick question. I deleted the "App.css" the same way you did in 21:46 but im left with an error in the broweser saying "[plugin:vite:import-analysis] Failed to resolve import "./App.css" from "src/App.tsx". Does the file exist?" How do I fix this?

[@saifhammadi4665]

Omg, I literally just figured it out

[@codinginflow]

@@saifhammadi4665 Good. I was about to say, you can figure this out yourself ;)

[@evanilsonp.8183]

Once I finish this course Can i learn next js?

[@codinginflow]

Absolutely, it's the perfect prerequisite

[@evanilsonp.8183]

But do you suggest me to grab some hands-on experience with react before jumping into next js?@@codinginflow

[@codinginflow]

​@@evanilsonp.8183 Doesn't matter that much

[@kim92se64]

Awesome work !!!

[@codinginflow]

Thanks brother

[@harpo187bling]

Good video

[@codinginflow]

Thank you very much

[@monahewidy3748]

after this tutorial, can I start using nextjs with TS framework?

[@codinginflow]

I have a Next.js beginner tutorial: kzbin.info/www/bejne/nKLJlqVsrbKjaKM

[@monahewidy3748]

@@codinginflow thank you 💪🔥

[@codinginflow]

​@@monahewidy3748 I recommend watching the React beginner tutorial first if you are new to React

[@monahewidy3748]

okay, i will✌@@codinginflow

[@razayvlogs1601]

Sir 👇👇 makes a special video on react js project with Context Api Because need better understanding Context Api with project Love from pakistan

[@codinginflow]

What do you want to learn exactly? There are already many videos explaining context.

[@razayvlogs1601]

@@codinginflow The real world project of using Context Api

[@codinginflow]

@@razayvlogs1601 We use context in some of my project tutorials. Those are real use cases 👍

[@uchihaobito723]

Cool ❌ Quil ✔️ 😂 His accent is soo Quil

[@codinginflow]

😂

[@codeintherough]

Declarative is just imperative code that you didn't write yourself

[@NaifIT11]

Hey i thought this video from 2020😂😂😂😂😂😂😂

[@codinginflow]

why

[@MrBaninations]

In the wild west which is javascript.... hahahaha

[@NeonCodeQueen]

Amazing Thank you

[@codinginflow]

Glad you like it!