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
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. 🙂
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!
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!
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!
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!
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.
![[TH] 2024 PMSL SEA W2D2 | Fall | เครื่องร้อน พร้อมลุย](http://i.ytimg.com/vi/JO2_bLow_1Y/mqdefault.jpg)
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
title: typescript react
setup: vite
project: nextjs
😂
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 loved the final recommendations, just start using typescript slowly without over complicaring things
Found this just in time while I was working on a react + typescript project, thank you!
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. 🙂
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 very helpful crash course, thanks so much!. I feel a bit more confident using React with Typescript
for props with Children, you can use the interface like that (react build-in interface) :
interface Props extends PropsWithChildren {
....
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?
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!
liked and subscribed just cuz you got a good vibe. the very effective teaching is just an added bonus!
Ed, you're literally life-saver, I was searching for React Typescript, thanks!
Yay! Thank you, exactly what I needed!
Wow! What a video, straight to the point and simple too! I learned quite a bit here, Thank You!!
Awesome man! Love your work and your personality 🌟🙏
Hey dev ed, are you going to update the creative react and redux course? Thanks in advance.
I was very much waiting this from you.... thank you buddy(ed)😀
1:09 to install the neccessary package to even have the installer from which you can configure your new vite project maybe?
Wowww! I've been waiting for this!
Love your output rate recently Ed! Your content keeps evolving . We're grateful!
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!
Love your teaching style! Simple and straight to the point
awesome!!! now we need a creative react + typescript tutorials haha!!!
Your videos keep getting better and better 👏
Heya Ed! Any timeline when the updated course will be released? Thanks!
If I want to learn something and there's a tutorial by Ed, then I know my tutorial search has ended.
Fax no printer
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!
A nice introducton on how to use TypeScript with React. Thanks, Ed.
{2024-05-18}
Thank you! 🔥it will be interesting to see best practices for react architecture in 2023 🔥🔥🔥
@7:47 - you would have known the prop types that the child component requires if you had declared them in your child component.
You speak very clean English language. Thank you)
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
thanks, needed a freshen up
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.
1:51 Who do you main in league
I was waiting for this
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
What theme are you using? It looks gorgeous!
Material Theme
Thank you, this video is exactly what I need.
Please do more PERN/MERN sequilze/MUI advanced typescript videos.
Hey, can you please make a video on the extensions that you use on VSCode & themes please
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.
Awesome,thank you dev ed
When I try to make a production I got error
Please make project on Typescript REact
in getPost what if you only need the id and title. Do you still need to declare message on PostProps?
Nice work bro
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
Should have picked Svelte on step 2 :D
Many thanks
Good stuff
I'm probably one of the few that thought this tutorial was kinda all over the place lol
you are funny bro, great tutorial
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 🔥
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
what color scheme is this?
I like the theme and font you are using, what are they?
Did you find out what the names were?
still waiting for the course update
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.
Does Prettier work on default with TS in React or NextJs?
which theme is this. what's the name of this theme
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
this is not react but next
Anyone know which vscode theme he's using?
Material theme
Which VSCode theme are you using?
Material theme
How do you get anything done with League of Legends installed? - From a former addict 😂
Make a video on react 😭
Hello sir i am your big fan from Pakistan good job well done plz tell me book name best for css course
🎉🎉🎉
Great content! But color scheme of vscode could be improved for selections.
Why you do dis??? 😂
🤗🤗🤗
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
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
Hey please Don't abuse while teaching man. That's awful.