Type systems like TypeScript are the next thing when developing JavaScript applications. They make sure that your props are passed in the correct form and shape throughout your application. Together with GraphQL's query language based on types, you can create the web application of the future!

This talk will show you how to leverage the TypeScript type system to help you create a type safe application, all based on your data coming from GraphQL. If you're working with React and either TypeScript or GraphQL, you'll definitely want to combine them afterwards.

Javascript that scales is Typescript. Typescript has seen massive adoption in recent years and it's just the beginning.

This talk is going to give us leverage from Typescript over React.

1. We will be talking about creating strongly typed function component props to understand what we can pass and avoid making mistakes.
2. Next we will see typed function component state, passing types in useState & useReducer hooks
3. We will also see typed class components, events and event handler.
4. Let's not forget about typed context and refs for maximal benefit.
5. We will end the talk with adding typescript using create react app and manually. Lot to learn & lot to cover.

We all love using TypeScript but sometimes the try/catch loop gets too complicated. Let's see how we can leverage the type system that Rust uses to make our errors look cleaner and better.