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 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. 🙂
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!
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.
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.
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
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
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!!
Found this just in time while I was working on a react + typescript project, thank you!
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😊
I loved the final recommendations, just start using typescript slowly without over complicaring things
Ed, you're literally life-saver, I was searching for React Typescript, thanks!
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. 🙂
This was a very helpful crash course, thanks so much!. I feel a bit more confident using React with Typescript
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!
I was very much waiting this from you.... thank you buddy(ed)😀
Awesome man! Love your work and your personality 🌟🙏
liked and subscribed just cuz you got a good vibe. the very effective teaching is just an added bonus!
Wow! What a video, straight to the point and simple too! I learned quite a bit here, Thank You!!
Thanks mate. But you started with Vite and jumped to the ready Next draft. Where is that draft Next project?
for props with Children, you can use the interface like that (react build-in interface) :
interface Props extends PropsWithChildren {
....
Love your output rate recently Ed! Your content keeps evolving . We're grateful!
Yay! Thank you, exactly what I needed!
title: typescript react
setup: vite
project: nextjs
😂
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!
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?
Wowww! I've been waiting for this!
Love your teaching style! Simple and straight to the point
Hey dev ed, are you going to update the creative react and redux course? Thanks in advance.
awesome!!! now we need a creative react + typescript tutorials haha!!!
Your videos keep getting better and better 👏
1:09 to install the neccessary package to even have the installer from which you can configure your new vite project maybe?
Heya Ed! Any timeline when the updated course will be released? Thanks!
Thank you! 🔥it will be interesting to see best practices for react architecture in 2023 🔥🔥🔥
Great Video! explained necassary things in 17 mnts.
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!
Dont worry if u use or not use semicolons. Most companies will have automatic linters and formatters that will enforce one or the other.
If I want to learn something and there's a tutorial by Ed, then I know my tutorial search has ended.
Fax no printer
Thank you, this video is exactly what I need.
You speak very clean English language. Thank you)
I was waiting for this
What theme are you using? It looks gorgeous!
Material Theme
A nice introducton on how to use TypeScript with React. Thanks, Ed.
{2024-05-18}
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!
Please do more PERN/MERN sequilze/MUI advanced typescript videos.
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
Hey, can you please make a video on the extensions that you use on VSCode & themes please
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
1:51 Who do you main in league
Awesome,thank you dev ed
in getPost what if you only need the id and title. Do you still need to declare message on PostProps?
@7:47 - you would have known the prop types that the child component requires if you had declared them in your child component.
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 🔥
Nice work bro
Many thanks
Does Prettier work on default with TS in React or NextJs?
I like the theme and font you are using, what are they?
Did you find out what the names were?
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.
Good stuff
you are funny bro, great tutorial
what color scheme is this?
thanks, needed a freshen up
Should have picked Svelte on step 2 :D
which theme is this. what's the name of this theme
When I try to make a production I got error
Please make project on Typescript REact
Which VSCode theme are you using?
Material theme
I'm probably one of the few that thought this tutorial was kinda all over the place lol
I think it would be easier to follow without using any framework, just pure React and Typescript. Cheers, H.
Watch almost full course web development but Little bit weak some topics tell me book name of your course about web development
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.
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
Anyone know which vscode theme he's using?
Material theme
How do you get anything done with League of Legends installed? - From a former addict 😂
🎉🎉🎉
Great content! But color scheme of vscode could be improved for selections.
Make a video on react 😭
this is not react but next
🤗🤗🤗
Why you do dis??? 😂
I think you are looking more beautiful with beards.
🐱🐱
Hey, Ed please trim your beard man you will look handsome 😜😜
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
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.