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!
Great tutorial! I've been an Android dev all my life and, of course, have seen a lot of your Android tutorials. Now, I'm beginning to work on a project with this stack: React, TypeScript, and Next.js, and I believe I might never go back to Android again!
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
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 :)
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
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
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 :
Great Video! Do you have other React with Typescript project videos. Im planning to master first those two and then start with Next.js. Is that a good approach?
@@codinginflow Do you think that I would jump ahead of my self if I start with Next right away. My thought was to master a bit more React w TS first. Also is Next.js better than Express in terms of getting first job? Which one is more in demand ?
I also did a quite few projects with Laravel and then decided to switch to TS Node.js etc. So I do have a bit of knowledge regarding routes, backend, api etc
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!
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
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?
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?
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?
Get my free *React Best Practices* course: www.codinginflow.com/reactbestpractices
i can't seem to figure out where in your website do i subscribe in your free course
@@tls0911 There should be an input field but some people report that they can't see it. I'll try to fix it.
@@codinginflow Hi, I also still cant see it
thanks
I'm sorry to ask but what is the use of the "completed: Boolean" property in the types and dummy data objects.
This guy was my life saver back in 2018 with the android development courses. Much appreciated Sir 🙌🏿
I have learnt Android from you. Now, it's time to learn react js. Thank you 🙏
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!
Thank you so much 😀
Looking for more advanced tutorials soon.. Great one as usual❤
Thank you!
Great tutorial! I've been an Android dev all my life and, of course, have seen a lot of your Android tutorials. Now, I'm beginning to work on a project with this stack: React, TypeScript, and Next.js, and I believe I might never go back to Android again!
A good choice 😁
A much awaited banger after the MERN course
Yea I definitely needed a React-only beginner course on the channel :)
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
Yup, Compose was inspired by React!
I wanted to thank you for your Unity tutorial but I couldn't find it. So yeah thank you for everything you taught me 🙏🏻
Thank you brother
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 :)
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
Awesome beginner course, leant a lot from this. Thanks mate.
My man from android development, is here. Now, not even the sky is the limit. Let's GOOOOO.........
I like your positivity
as always, best tutorial you can found and beginner friendly😆
Thank you very much brother
thank you very much, oove from india, you deserve more
I love the positivity. Thank you!
Really good tut. easy to follow, full of useful info and tips. keep it up!
Glad you liked it!
Great Stuff again Brother.
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
I thought about it but I skipped the deployment part since I usually build "real" apps with Next.js which is deployed differently
Florian, you are a rock star.
I now got a better idea for a video: a Lucia auth tutorial, in Next.js + Prisma.
I might give it a try. I don't like that Next-auth doesn't have username + password.
Thank you so much, easy to follow, very helpful
Glad you liked it!
Nice tutorial
i am starting grinding this. wish me luck
You don't need luck when you have my tutorials 😎
Make much much more projects with react and ts like this plz :)
Have you checked my web dev playlist yet?
@@codinginflow yes, but I need a lot of practice with node/express/react/typescript/tailwind/MUI, next is currently not for me :/
Great stuff, this was really helpful!
Great tutorial Man! Tks to share
im here from your mr robot comment, god damn that song realy motivated you
Haha yea, that song and the show are fantastic. Time to listen to it again!
@@codinginflow yeah, im so sad i didnt find mr robot earlier. its music and the show itself is just straight up fire
Thank you so much!!. your video is very helpful to me. 👍👍😀
Very happy to hear that!
Dankeschön!
34:30 when the dinosaur still alive LOLOLOL.
This is why he is the best!!!!!
excellent like always
thank u so much
I Like what you do maaaan Great Work broski !!!!!!!!
thank you!
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 :
Almost! Instead of mapping to null elements, you should use array.filter. Good job!
timestamp 1:25:51
you are just amazing,
Thank you soo much ♥♥♥♥
thank you too!
great !!!!!!!!!
Very useful content, cheers^^
Glad to hear that!
I think membership and stripe payments are a basic feature to learn...and you forget to implement on your website.
Sir, this is a React beginner course.
Fun and engaging
thank you
👏👏👏👏👏👏👏👏
Excellent content
Thank you so much!
Hi, could you show me how to jump over a wall in unity 2D? I have reviewed your lessons on creating a game
Great Video! Do you have other React with Typescript project videos. Im planning to master first those two and then start with Next.js. Is that a good approach?
You're ready for Next.js now. I have a playlist.
But yes I also have a MERN tutorial which uses React.js with Express as the backend
@@codinginflow Do you think that I would jump ahead of my self if I start with Next right away. My thought was to master a bit more React w TS first. Also is Next.js better than Express in terms of getting first job? Which one is more in demand ?
I also did a quite few projects with Laravel and then decided to switch to TS Node.js etc. So I do have a bit of knowledge regarding routes, backend, api etc
@@anbyte I don't know which one is in more demand. Pick the one that interests you more.
thx
Tsoding in flow
Sir 👇👇
makes a special video on react js project with Context Api
Because need better understanding Context Api with project
Love from pakistan
What do you want to learn exactly? There are already many videos explaining context.
@@codinginflow
The real world project of using Context Api
@@razayvlogs1601 We use context in some of my project tutorials. Those are real use cases 👍
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!
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.
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
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
Yes, it's enough 👍🏻
Awesome work !!!
Thanks brother
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?
Dive into this course
Good video
Thank you very much
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?
Yea I think that's the browser default but you should be able to change the color with a class (probably outline)
Once I finish this course Can i learn next js?
Absolutely, it's the perfect prerequisite
But do you suggest me to grab some hands-on experience with react before jumping into next js?@@codinginflow
@@evanilsonp.8183 Doesn't matter that much
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?
Omg, I literally just figured it out
@@saifhammadi4665 Good. I was about to say, you can figure this out yourself ;)
after this tutorial, can I start using nextjs with TS framework?
I have a Next.js beginner tutorial: th-cam.com/video/fqfer6xMp2A/w-d-xo.html
@@codinginflow thank you 💪🔥
@@monahewidy3748 I recommend watching the React beginner tutorial first if you are new to React
okay, i will✌@@codinginflow
Declarative is just imperative code that you didn't write yourself
Cool ❌ Quil ✔️
😂 His accent is soo Quil
😂
Hey i thought this video from 2020😂😂😂😂😂😂😂
why
In the wild west which is javascript.... hahahaha
Amazing Thank you
Glad you like it!