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
- No prior experience with TypeScript is necessary! 🙌🏾
- Experience building React applications using hooks (consider taking the Migrating to React Hooks or Zero to React with Hooks minishops first)
This minishop may not be for you if you
- Already have some experience using TypeScript in React (try the Sharing React Component Logic minishop)
- Have React experience, but don’t yet have experience using hooks (again consider the Migrating to React Hooks minishop instead)
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.