Love that you are using Vite too! For your toggle: false, I think you should elaborate to learners that you are also allowed to give TS a fixed value. So, with toggle: false, that is all that is allowed. Had it been toggle: boolean, then you can set true or false. Good video, thanks.
Ed, you surprised me with this course, I’m currently learning Typescript to use in my existing react applications.. thanks 🙏 again for another useful tutorial
This was awesome! I've been looking at typescript tutorials the past couple of weeks and all are over complicated. I even laughed a couple of times. Great video
I am a fullstack developer been wanting ti learn typescript for a while now. Thought it was like a totally different language. But its not just javascript strictly typed for better development experiece. Used it for the first time ever with node js for auth today i love it. Awsome. This simple straight to the point video has motivated me to test it out with react and next. ❤ thanks😊
this makes it look SO easy! now i want to use TS even though i’ve been steering clear because i hear it’s complicated. i guess i’ll have to try it now!
This was a great tutorial. I'm currently learning typescript and Next 13. I get issues calling child components in parent components. They tend to be ones like "component x is unassignable" and not being able to select an object property dynamically through a string. Edit: I figured out the definition: type iconCollection{ [key:string]:React.ComponentType; } Basically I had a defined set of SVG icons as react components. In the icon component, the icon will be dynamically imported and returned based on the "iconCollection" property name. 🙂
Ah shit, finally got a Jebediah beard ;) Awesome content as always. I'd like to see you murking around with unit tests of a halfway complex app. Like with 3rd party oauth libraries or maps/navigation libs. Good job!
Why in the getPost(), you have to specify that it is a Promise and call the type? In the children example, you just called the type. I’ve seen cases like specifying a component as a FC
Awesome content! Just when I was looking for a well-explained way to add TS to React, you made it short and simple. I have an off-topic question tho': Don't remember to see an explanation in any of your videos about this but do you consider a good practice to omit semicolons? Cheers!
Thanks for cool video, but only one issue - for next videos if you start with creating project on vite-react don`t use for example nextjs project, cause people who learning stuff can`t reproduce your code!
Your knowledge is great, but it's challenging to follow for a Typescript beginner. It would be great if you went slower and also explained what extensions you have. There is a view of certain things in the code, that I guess shows up on hover??? I have no idea what that is or how you are getting it. Lot's of little things that are unexplained and hinder understanding.
Love that you are using Vite too! For your toggle: false, I think you should elaborate to learners that you are also allowed to give TS a fixed value. So, with toggle: false, that is all that is allowed. Had it been toggle: boolean, then you can set true or false.
Good video, thanks.
Ed, you surprised me with this course, I’m currently learning Typescript to use in my existing react applications.. thanks 🙏 again for another useful tutorial
That’s so nice of you to say! Thank youuu!
Currently navigating the boulevard of broken dreams that is Next.js 13. This recap was perfect. 😊 Thanks Ed
I was literally searching for a typescript & react course, and you created one 28 minutes ago, I died
RIP
*Pressed F*
A year ago we lost you. Just to let you know wherever you are we miss you.
This was awesome! I've been looking at typescript tutorials the past couple of weeks and all are over complicated. I even laughed a couple of times. Great video
Found this just in time while I was working on a react + typescript project, thank you!
This short crash course was exatly what I needed!! I have learned TS with plain JS and wanted to use it in my react app. Thank you so much, Eddy!!
I am a fullstack developer been wanting ti learn typescript for a while now. Thought it was like a totally different language. But its not just javascript strictly typed for better development experiece. Used it for the first time ever with node js for auth today i love it. Awsome. This simple straight to the point video has motivated me to test it out with react and next. ❤ thanks😊
for props with Children, you can use the interface like that (react build-in interface) :
interface Props extends PropsWithChildren {
....
love your audio quality, i dont know if its the head phone am using or just that yor audio is awesome, anyways you are still awesome
This was a very helpful crash course, thanks so much!. I feel a bit more confident using React with Typescript
I loved the final recommendations, just start using typescript slowly without over complicaring things
Wow! What a video, straight to the point and simple too! I learned quite a bit here, Thank You!!
this makes it look SO easy! now i want to use TS even though i’ve been steering clear because i hear it’s complicated. i guess i’ll have to try it now!
Ed, you're literally life-saver, I was searching for React Typescript, thanks!
liked and subscribed just cuz you got a good vibe. the very effective teaching is just an added bonus!
This was a great tutorial. I'm currently learning typescript and Next 13. I get issues calling child components in parent components. They tend to be ones like "component x is unassignable" and not being able to select an object property dynamically through a string.
Edit: I figured out the definition:
type iconCollection{
[key:string]:React.ComponentType;
}
Basically I had a defined set of SVG icons as react components. In the icon component, the icon will be dynamically imported and returned based on the "iconCollection" property name. 🙂
Awesome man! Love your work and your personality 🌟🙏
I was very much waiting this from you.... thank you buddy(ed)😀
Love your teaching style! Simple and straight to the point
Yay! Thank you, exactly what I needed!
Ah shit, finally got a Jebediah beard ;)
Awesome content as always. I'd like to see you murking around with unit tests of a halfway complex app. Like with 3rd party oauth libraries or maps/navigation libs. Good job!
Your videos keep getting better and better 👏
How did you shift from a basic typescript app to a nextjs one? How did you set it up?
Do you have the GitHub file?
yea how does this work if I cant code along you?
Thanks mate. But you started with Vite and jumped to the ready Next draft. Where is that draft Next project?
Wowww! I've been waiting for this!
1:09 to install the neccessary package to even have the installer from which you can configure your new vite project maybe?
thanks, needed a freshen up
Love your output rate recently Ed! Your content keeps evolving . We're grateful!
awesome!!! now we need a creative react + typescript tutorials haha!!!
Hey dev ed, are you going to update the creative react and redux course? Thanks in advance.
Why in the getPost(), you have to specify that it is a Promise and call the type?
In the children example, you just called the type.
I’ve seen cases like specifying a component as a FC
Thank you! 🔥it will be interesting to see best practices for react architecture in 2023 🔥🔥🔥
Awesome content! Just when I was looking for a well-explained way to add TS to React, you made it short and simple.
I have an off-topic question tho': Don't remember to see an explanation in any of your videos about this but do you consider a good practice to omit semicolons?
Cheers!
Dont worry if u use or not use semicolons. Most companies will have automatic linters and formatters that will enforce one or the other.
Great Video! explained necassary things in 17 mnts.
Heya Ed! Any timeline when the updated course will be released? Thanks!
What theme are you using? It looks gorgeous!
Material Theme
Thanks for cool video, but only one issue - for next videos if you start with creating project on vite-react don`t use for example nextjs project, cause people who learning stuff can`t reproduce your code!
Thank you, this video is exactly what I need.
I was waiting for this
1:51 Who do you main in league
You speak very clean English language. Thank you)
title: typescript react
setup: vite
project: nextjs
😂
Similar can be done by
npx create-react-app projectname --template=typescript
With less clutter preexisting files
you might as well use vite react typescript template
Awesome,thank you dev ed
If I want to learn something and there's a tutorial by Ed, then I know my tutorial search has ended.
Fax no printer
Hey, can you please make a video on the extensions that you use on VSCode & themes please
in getPost what if you only need the id and title. Do you still need to declare message on PostProps?
I like the theme and font you are using, what are they?
Did you find out what the names were?
Nice work bro
Please do more PERN/MERN sequilze/MUI advanced typescript videos.
Thank you I was waiting ❤️❤️❤️🌹🌹🌹
But why you Don't use creat react app i use this because i learn it from your react course?
Hope you like it!
@@developedbyed could you please make a tutorial on next js swr hook and auth 0 in next js
It will be updated to Next and Vite 🔥
Acá una seguidora de Argentina, que además de estar aprendiendo a programar, practico el inglés. Muchas gracias saludos :)
gauchita?
@@Nickben89 tu hermana
@@yulipariz3309 ni te gastes en aprender a programar turri, en 2 anios te remplazA chat gpt jajajajjajajajajajjajajajajajjaja
Does Prettier work on default with TS in React or NextJs?
A nice introducton on how to use TypeScript with React. Thanks, Ed.
{2024-05-18}
@7:47 - you would have known the prop types that the child component requires if you had declared them in your child component.
Did anyone else come across issues inside the parent when on the 'fetching the data' section?
It happens when I add async to my component.
Which VSCode theme are you using?
Material theme
Should have picked Svelte on step 2 :D
which theme is this. what's the name of this theme
what color scheme is this?
When I try to make a production I got error
Please make project on Typescript REact
I need to know what dark themes are you using. Hope you'd like to share it with us. :)
Did you find what the name was?
@@CodeOnBlocks So sorry, I'm still looking. Currently I'm using the one dark pro darker. Looking for a similar look as in the video.
@@akmalkamarudin2976Material Theme
Your knowledge is great, but it's challenging to follow for a Typescript beginner. It would be great if you went slower and also explained what extensions you have. There is a view of certain things in the code, that I guess shows up on hover??? I have no idea what that is or how you are getting it. Lot's of little things that are unexplained and hinder understanding.
you are funny bro, great tutorial
Good stuff
Watch almost full course web development but Little bit weak some topics tell me book name of your course about web development
Many thanks
I think it would be easier to follow without using any framework, just pure React and Typescript. Cheers, H.
Anyone know which vscode theme he's using?
Material theme
Hello sir i am your big fan from Pakistan good job well done plz tell me book name best for css course
still waiting for the course update
I'm probably one of the few that thought this tutorial was kinda all over the place lol
How do you get anything done with League of Legends installed? - From a former addict 😂
Make a video on react 😭
Great content! But color scheme of vscode could be improved for selections.
this is not react but next
🎉🎉🎉
This guy just killed typescript in 15min lmao. but you missed enums, interfaces and most important differnce between types and interfcaes
Because those are optional and should only be used when absolutely necessary, for the most part anyways
I think you are looking more beautiful with beards.
🤗🤗🤗
🐱🐱
Hey, Ed please trim your beard man you will look handsome 😜😜
Bro, I know you are busy but learn to keep your hair well done, watch a yt tut or something
Hey please Don't abuse while teaching man. That's awful.