Quick tip for anyone watching this video in 2022 or later: The implicit children property was removed from the FunctionComponent & FC types in React 18. Using these types remains completely optional, but there is no reason to feel discouraged if you do.
From a designer perspective ... very smart to start things out with that outdoors intro. Not only is the video/audio clear, but you've set yourself apart from the competition with some originality. Well done.
new sub - great content. Just making another trip around to try out React, but wanted to learn it with Typescript. It's surprisingly hard content to find (done correctly)! Thanks!
This video is definitely not _smartphone friendly_ ... but it is really interesting so I had to come to my computer and wow this is definitely made for my 1080p the colors are amazing but the best is our beloved presenter... This Tutorialist is impressive (but you all know that already)... Just hope he can do videos no more than *15 lines of code* (with the terminal in a separate window)... So that I can watch while doing the dishes in my kitchen (I only have an iPhone)...
I see many awesome developers in youtube but You'r explanation and way of teaching is very awesome. Your content is so unique I can't find this content on whole you tube. I just have a just one request if you have a time so please make a one dedicated video on React, Redux toolkit, React Query with Typescript
Jack you are my favorite dev youtuber, between traversy, fireship and the rest. However, it would help me if you added more context in the usage examples. Here you do a good job showing the code examples but I would love to hear more opiniated....opinions about WHEN to do these and why I need to keep them in the back of my head. Thanks so very much!
I like Google Translator because your pronunciation is comfortable. So it gives me good information. One suggestion is, why don't we use a subtitle system for clear translation? 😀 Thank you for creating a good channel.
Interesting, what are the benefits of moving to split the item and list render like that? I'll read more on this online but curious if someone could point me in a direction.. After finishing the video, seems it benefits when placed in a component library or shared. Very cool.
Thank you Jack, by the way, you'll make a great candidate for US presidency. You remind me one of them. You have a great personality and necessary problem solving skills as a programmer.
Hi Do you Have any Course on React with Typescript??? As Typescript is growing more and more day by day, Each and every Company Asking REACT with Typescript Combination.. Can you please Release and End to end Course on React, Redux with Typescript please..
That's a great question. Undefined in this case means "I didn't give you a value of any kind". Where null would mean; "I gave you a value, a value that was the no-value value." So in this useState case it's a choice between the number, and there not yet being any value at all.
Jack -- I noticed that your code editor is automatically linting in the terminal pane as you type. Is that a default of your editor or something you setup? Great video btw!
@@jherr i'd personally love to see a series of typescript/react subtopics like this. context/redux/graphql etc... all whilst using typescript. might really help people like myself transitioning from javascript to typescript in their create-react-app/lications . cheers.
Hi, what font style and vscode theme are you using in this video? the colors are appealing to the eyes and the fonts are easier to read than the default ones.
I believe that usually when you consume a function of generic type (not sure if I’m saying that right) you need to specify the type. At 20:57 when you consume The component that is of generic type you discuss how list item is of type string. Is the type on the List component inferred?
It's inferred from the type on the array you are passing in. So it's totally transparent to the end user of your component. You give it a list of strings, and your render function then takes a string. etc. etc.
Quick tip for anyone watching this video in 2022 or later: The implicit children property was removed from the FunctionComponent & FC types in React 18. Using these types remains completely optional, but there is no reason to feel discouraged if you do.
From a designer perspective ... very smart to start things out with that outdoors intro. Not only is the video/audio clear, but you've set yourself apart from the competition with some originality. Well done.
Personally I agree wholeheartedly! Cheers
Yes, and no "WHAT"S UP GUYS!" ugh
Agreed. Nice to not be looking at an IDE right off the bat. Very engaging
This is fantastic! Thanks!
I've been using FC on all my components didn't know this was the old way of doing it.
I binge watch all these video, very less people are lucky enough to have such a vast library of premium information.
Starting a new job with React & TS! This will help a lot :)
Jack is like the David Attenborough of coding with a dash of Ron Weasley's magic
Changed my thoughts on creating robust components. Thanks.
Thanks for inviting 90s Brad Pitt to give the video intro (those mannerisms 😂). Really appreciate your clarity and pace.
Thank you, Jack! I've been struggling with TS + React at my new job but this helped me so much!
Thanks, Jack! Your TS React content has gotten me up to speed very quickly.
coming from Mr.Brad's channel, I think you are a very great teacher. Thank you for spending a lot of effort on your videos.
Thanks a lot! Your tuts are great and I really appreciate your well structured and calm way of explainig! 😀👍
Clear and to the point .Thanks :) Loved the function passed as children.
Each video I watch my react game lvls up, thank you!
One of the best explanations here, I watched many videos in youtube, but Jack it's the best!
Thank you so much for this Jack, I greatly appreciate this and really enjoy your content!
Very nice intro to the render props pattern!
perfect timing. thanks Jack
I'm back again to repeat myself and say I loved it!!!
your voice is so clear damn, your channel is under rated.
Longer videos should help.
Honestly the best and easiest entry for me to start React with Typescript! Good Explanation, keep it up
new sub - great content. Just making another trip around to try out React, but wanted to learn it with Typescript. It's surprisingly hard content to find (done correctly)! Thanks!
I was just looking up videos on this yesterday and so I smiled when I saw this today!
I learned a lot out of this video! Thanks a lot, Jack...
Thx for your work , Jack!
Number One in RUclips! For me its so usefull
Just wanna say I am a huge huge fan of your React/TypeScript content. Subbed and can't wait for more :)
You are awesome! Loved that video! The generic one just set my mind on fire
This video is definitely not _smartphone friendly_ ... but it is really interesting so I had to come to my computer and wow this is definitely made for my 1080p the colors are amazing but the best is our beloved presenter... This Tutorialist is impressive (but you all know that already)... Just hope he can do videos no more than *15 lines of code* (with the terminal in a separate window)... So that I can watch while doing the dishes in my kitchen (I only have an iPhone)...
This video is great!
Learned so much and I'll be putting this on my work right away!
22 minutes into the video, I subscribed
My favorite typescript coder.
love your teaching man...Well done
I see many awesome developers in youtube but You'r explanation and way of teaching is very awesome. Your content is so unique I can't find this content on whole you tube. I just have a just one request if you have a time so please make a one dedicated video on React, Redux toolkit, React Query with Typescript
Jack you are my favorite dev youtuber, between traversy, fireship and the rest. However, it would help me if you added more context in the usage examples. Here you do a good job showing the code examples but I would love to hear more opiniated....opinions about WHEN to do these and why I need to keep them in the back of my head. Thanks so very much!
Fair enough. Point well made and taken.
@@jherr OK now to continue my all-week marathon of your vids until my head hurts.
@@ToddDunning Enjoy! Not sure if that beats The Green Knight that I just saw. Sheesh, that was an overrated snooze fest.
Thanks for your clear explanation, its really helpfull for me learn ts using react😃
Thanks for the video Jack, very clear and easy to follow.
Thank you ..Learned so much about typescript in this video. Great explanation.. Will be checking out your other videos too.
thanks a lot Jack, please make more videos 😍
We are so fortunate to have an innovator like you: btw can someone tell how many times he says cool in this video? 😍
Now you're making me self-conscious about my 'So's, 'Alright's, and 'Cool's. ;)
You, sir, are my savior.
Outstanding! Really clear presentation.
This was a sweet lesson. Thank you, just subscribed.
it was amazing to learn, i was looking for it thanks for sharing
I like Google Translator because your pronunciation is comfortable. So it gives me good information. One suggestion is, why don't we use a subtitle system for clear translation? 😀 Thank you for creating a good channel.
Interesting, what are the benefits of moving to split the item and list render like that? I'll read more on this online but curious if someone could point me in a direction..
After finishing the video, seems it benefits when placed in a component library or shared. Very cool.
Thank you for making this, helped my understanding a lot! ;)
I’m new to your channel!
This was awesome! Well Done!
Btw i really like your micro frontend videos 👍
Hats off Jack... thank you sir (:
I've been waiting for this one thanks
Just incredible. I love your videos.
Thank you for sharing this amazing content for free^^ LOVE IT
This channel is too good
Loving all the typescript!
Thanks for the content, I liked your vscode theme!
Thanks a lot for the video, pretty much understood all the concepts you explained.
Awesome video Jack, very useful. Subbed :D
thanks for the video Jack!
yours videos are seriously underrated...
Great content as always. Keep it up
Really Great!!!!
Really valuable. Thank you.
Better than a text book.
Thank you, Sir, I have now seen a few of your videos, they are very informative.
Sir this is really great content! Keep it up!
Hi Jack, can you share your VS Code configuration?
Subbed! Love this video so much, looking forward to more ts/react videos from you. May I ask if there is a repo for this video?
Thank you Jack, by the way, you'll make a great candidate for US presidency. You remind me one of them. You have a great personality and necessary problem solving skills as a programmer.
@00:43 wo wooo whats happening with my browser!!
learnt so much thank you!
Explained very well
Excellent video. I like your style and pace. Sub.
Khooool. Thank you
Thanks for the great video!
Hi Jack!
Great Content!!!! Please make video for Google map react along with typescript.
Thanks
Excellent teaching skills. Now I feel like I can upgrade my obsolete Class Based JSX react code
Functional component is the ish 😉
Good video! Thanks for sharing it.
Hi Jack, can you please cover HOC in React and Typescript. Great videos. Thanks.
Hello sir, I think the GitHub repo link is wrong....I can't find the code you have shown here. Can you please verify and update the link?
Thanks!
This is great, thanks!
Looks cold.
undefiiiined !! :)
Great! Keep em coming
Hi Do you Have any Course on React with Typescript???
As Typescript is growing more and more day by day, Each and every Company Asking REACT with Typescript Combination..
Can you please Release and End to end Course on React, Redux with Typescript please..
Very Nice tutorial
Thank you, Jack, I appreciate your Videos.
very nice, I'm making the transition to TS,
b💩😎
Excellent content and attractive introduction, keep going man ❤
thanks
Hey Jack, I know you can define a useState like useState() and that will infer what are the differences between null and undefined?
That's a great question. Undefined in this case means "I didn't give you a value of any kind". Where null would mean; "I gave you a value, a value that was the no-value value." So in this useState case it's a choice between the number, and there not yet being any value at all.
that was literally to "jump in" 😄
Chichi?
Jack -- I noticed that your code editor is automatically linting in the terminal pane as you type. Is that a default of your editor or something you setup? Great video btw!
I use Fig in the Terminal, and thanks for the compliment!
Great content 👍👍...using context with reducers in typescript...maybe a topic for the future ?
I'll do that next since I think Typescript around React was a big missing piece of content for me.
@@jherr i'd personally love to see a series of typescript/react subtopics like this. context/redux/graphql etc... all whilst using typescript. might really help people like myself transitioning from javascript to typescript in their create-react-app/lications . cheers.
React.FC no longer has the problem of implicit children this vid should be updated. FC is kosher now.
Great video... was not cold outside for short sleeves? LOL Thanks
Hi, what font style and vscode theme are you using in this video? the colors are appealing to the eyes and the fonts are easier to read than the default ones.
I believe that usually when you consume a function of generic type (not sure if I’m saying that right) you need to specify the type. At 20:57 when you consume The component that is of generic type you discuss how list item is of type string. Is the type on the List component inferred?
It's inferred from the type on the array you are passing in. So it's totally transparent to the end user of your component. You give it a list of strings, and your render function then takes a string. etc. etc.
Thanks for the tutorial. It was enlightening and I love your vscode theme too!! Care to share?
thank you for this video! What VS code extensions did you use in this video?
Just the TypeScript Extension Pack - marketplace.visualstudio.com/items?itemName=loiane.ts-extension-pack