TypeScript Tips Part I

Nick Taylor on January 25, 2019

We'll start off with the usual shameless plug of another blog post. If you haven't read it yet, check out my blog post, Consider Using TypeScript... [Read Full]

Thanks Nick for the tip series.

I've started dabbling TypeScript with React recently and found the migration quite rough.

Main reason being that I do not know which type to associate with particular React components (children mentioned above didn't seem intuitive to me as I was expecting something like Component | ComponentType[]) 🤔.

Reading thru DefinitelyTyped React definition didn't help much due to lack of documentation.

Are there any courses/articles (either free | paid) you would recommend?

Thanks 🙏

May I request to add syntax highlighting for codes? 😉


Ahh, I see what happened. When my post from my site got loaded into dev.to, it stripped javascript from my markdown, hence no highlighting. Fixed it for you.

Check out my older post on TypeScript for some good resources (I updated it again last fall), Consider Using TypeScript. Offhand though James Henry's course is great, TypeScript Fundamentals (free). There is also a pro course there too that I'd recommend. If you have an egghead.io subscription, check out this course once you're a little more conmfortable with TypeScript, Advanced Static Types in TypeScript


Thank you for the resources, Nick.
(Yes! I do have an Egghead subscription~ 💖)

I need to build up my TypeScript fundamental foo first to before trying to learn TypeScript for React first 🙂 (had that problem with React as I was trynna learn with Redux thus couldn't learn either initially 😅).

If you ever want to pair on some TypeScript/TypeScript+React, let me know and we can book some time together. We're both Eastern time, so shouldn't be too difficult.

Thank you, Nick~ 🤜

Would Twitter be a good way to contact in later time?

Yeah, DM me and or ping me on dev.to connect and we can set something up.


Also, if you want to see some real world React/TypeScript, my site (built with Gatsby) has been converted to TypeScript.

nickytonline / iamdeveloper.com

Source code for my web site iamdeveloper.com


Netlify Status

Hey there, I'm Nick and this is my site's source code. This site started off as a clone of the Netlify CMS Gatsby Starter (check it out!). Since then, I've tweaked it a lot and converted the codebase to TypeScript.

Feel free to peruse the code and/or fork it. 😉

Thanks to all the wonderful projects that made it possible to build this blog.


Thanks Nick~
I love to learn how TypeScript is used with React/Gatsby in real life 👍 😍

code of conduct - report abuse