Skip Main Navigation

TypeScript for React Developers Minishop

Learn how to use strong types with TypeScript in React applications to prevent common bugs that infect our apps

TypeScript is a JavaScript superset that compiles down to vanilla JavaScript and has become increasingly popular. TypeScript offers strong typing and compile-time verification to our React applications. As a result, using TypeScript helps eliminate entire classes of bugs that commonly affect our apps.

When adopting new tech for development, we should always focus on the impact to the user. The user doesn’t care what tech we use unless it makes their user experience better (less friction, more delightful, etc.). Users definitely do not want a buggy experience, and of course, neither do we.

Hi, I’m Ben Ilegbodu 👋🏾. In this minishop, you will learn how to use TypeScript to build React applications. But instead of simply covering types and syntax, the minishop will have a focus on how using TypeScript can prevent common bugs that infect our applications.

Maybe you’re concerned about the code health of your app and what to learn how TypeScript can provide confidence in making big changes. Or maybe your team is building a new React application and you want to see if TypeScript makes sense before kicking off the project. Or maybe you’re just questioning whether TypeScript is worth the learning curve when you’re already productive building React applications.

Whether these are your reasons or you have others, you’ll no doubt leave convinced that TypeScript will help you in your current or future React projects.

Get ready to…

  • Learn basic TypeScript types and syntax
  • Define fully type-safe component props
  • Type common React hooks
  • Handle forms and other events
  • …and many more features that help you write quality code

You’ll need to have…

This minishop may not be for you if you…

Code of Conduct

By participating in this minishop, you are agreeing to the Minishop Code of Conduct.

What are “minishops”?

Minishops by Ben Ilegbodu are fully-remote workshops that last about 3 hours. They’re highly-focused, covering only the concepts you want to learn so that you can level up your skills and get on with the rest of your day. By keeping it short, you’re able to absorb and retain the information before fatigue sets in and other distractions get in your way.

To learn more about minishops, read the Introducing Minishops blog post.

Questions

If you have questions about the minishop, feel free to email us at team@benmvp.com.

Past learners ❤️ TypeScript for React Developers!

  • Lisa
    Lisa

    25 June 2020 - Great workshop! I felt like the examples were just the right size and perfectly spaced throughout the workshop. One specific thing I really liked was that each exercise was a different app. Forcing myself to think about TypeScript in each different context helped it sink it more.

  • J
    Jessie

    25 June 2020 - This helped a lot! I had no real exposure to TypeScript before this and I feel like I will be able to effectively implement these things now.

  • Sarah
    Sarah

    25 June 2020 - Overall, this course was really useful! I definitely benefited from having a decent amount of experience with React Hooks, so thank you for making that knowledge a prerequisite and providing some resources to look at before the course. The repo is incredible, it's really awesome to have some preexisting code to work with. I 10/10 love the emojis and the goals within each of the parts. The hints are very clear and make the exercises flow really well. The breakout rooms were also a nice touch. The change from main room to breakout room helped shift me into exercise mode which made me more productive. The comment to the breakout room saying that the rooms would close in few minutes was also very helpful.

  • Oscar
    Oscar

    25 June 2020 - Excellent workshop. Ben is a great teacher, well prepared and very knowledgeable. I used TypeScript before, but Ben fill up some gaps. I am more comfortable with interfaces and the use of events and hooks and typescript. I would love to see a second class for advanced typescript with specific use of Generics in depth. Thank you very much

  • Ross
    Ross

    23 June 2020 - I liked how you structured each lesson so we could see before/after in the repo. That's really helpful for the exercise portion, especially when we get stuck, and for self-directed learning later. Tying it to README instructions which we could also follow on GitHub was awesome as well. I also appreciated when you weren't sure about something or when you mentioned you learned something new; it's helpful for students sometimes to see when the teacher may not have all the answers. It may have been helpful to have more time for the group exercises, but understand the tradeoff with wanting to cover a lot of material in the session. Nice work and thank you!

  • Heather
    Heather

    23 June 2020 - Everything was REALLY amazing. Definitely one of the most organized, easy to follow, and useful workshops I've ever taken! Your notes are very helpful and encouraging, and the layout of everything makes it easier to go back to in a week or two and really dive in again solo. Thank you for putting so much time into this and sharing with us!! :-) Your teaching style and delivery are really calm and informative, and very approachable. Thanks!!

  • Erin
    Erin

    23 June 2020 - I have learned so much from this, and you've given us hope that we could actually port some of our components over to TypeScript.