Type Checking

Articles & Tutorials

Redux with Code-Splitting and Type Checking (blogs.dropbox.com)
Jul 16, 2019
This article assumes a working knowledge of Redux, React, React-Redux, TypeScript, and uses a little bit of Lodash for convenience.
  • Matthew Gerstman
Learning TypeScript with React - Part 1 (dev.to)
Jul 01, 2019
Understanding what are types, type annotations, why use them and how to use them can help you catch errors during development while also enhancing code quality and readability.
  • Ana Liza Pandac
Making unit tests fail when PropTypes error (javascriptplayground.com)
Jun 03, 2019
Documenting components with React's PropTypes library is a great way to be notified when you've forgotten to pass a certain prop. Today we're going to see how we can leverage these to make our tests fail when our PropTypes are incorrect.
Typing Next.JS components using TypeScript (medium.com)
May 22, 2019
In this article, we’ll talk about typing Next.JS components. We’ll be using this Next.JS application that connects to Reddit API and displays a list of top posts in a given subreddit.
  • Konstantin Lebedev
Build a Tic Tac Toe App with TypeScript, React and Mocha (blog.bitsrc.io)
May 20, 2019
Learn how to compose a tic-tac-toe app with React and TypeScript components.
  • Josh Kuttler
Typescript & React: Manipulating Prop Types (medium.com)
Apr 27, 2019
How to use Extend and Pick helpers with generic types, intersection types, and more.
  • Ross Bulat
TypeScript and React, BFF (telerik.com)
Feb 28, 2019
TypeScript and React are an increasingly common pair. Learn how to get up and running with TypeScript for your next React project.
How to Use TypeScript in React (blog.ionicframework.com)
Feb 13, 2019
Over the past couple of years, TypeScript has started to gain momentum in the React world and, now, has official support in create-react-app. So, we thought it would be helpful to share a little tutorial on how to kick off a new React project using TypeScript.
  • Ely Lucas
Using TypeScript with React (alligator.io)
Feb 11, 2019
TypeScript is awesome. So is React. Let’s use them both together! Using TypeScript allows us to get the benefits of IntelliSense, as well as the ability to further reason about our code. As well as this, adopting TypeScript is easy as files can be incrementally upgraded without causing issues throughout the rest of your project.
  • Paul Halliday
Master PropTypes in React (blog.bitsrc.io)
Feb 11, 2019
A useful guide to React propTypes and type checking
  • Sukhjinder Arora
Understanding React PropTypes - Type-Checking in React (blog.bitsrc.io)
Feb 05, 2019
In my last post we talked about how to set default props value in our React components using the defaultProps property. In this post we will continue with the streak, we will see how to type the props argument.
  • Chidume Nnamdi
paypal-scripts now supports TypeScript as well as JavaScript (medium.com)
Jan 21, 2019
What happened that made TypeScript viable for me and worth migrating paypal-scripts for.
Using TypeScript With React Native (medium.com)
Jan 18, 2019
In this tutorial, you are going to learn how to set up a React Native project with TypeScript.
  • Jan Hesters
Porting 30K lines of code from Flow to TypeScript (davidgom.es)
Jan 13, 2019
We recently ported MemSQL Studio's 30 thousand lines of JavaScript from using Flow to TypeScript. In this article, I describe why we ported our codebase, how it took place and how it has been working out for us.
  • David Gomes
A Reason React Tutorial for Beginners [2018] (robinwieruch.de)
Dec 01, 2018
Learn how to build a Reason React application with this tutorial. You will use the GitHub API to fetch real data, render forms and data, and style your ReasonReact application with inline style and bs-css
  • Benjamin Johnson
Make your React components great with TypeScript mapped and conditional types (medium.freecodecamp.org)
Nov 19, 2018
You’ve probably heard about TypeScript. You may have heard someone claiming how great type safety is.
  • Deepu K Sasidharan
Build 100% type-safe React apps in vanilla JavaScript (medium.com)
Oct 15, 2018
Or how we can benefit from TypeScript to full extent, without having to write any TS in our codebase, by leveraging standard JSDoc type…
  • Martin Hochel
Using TypeScript with React Native (facebook.github.io)
May 07, 2018
Today, we're going to look at how to use TypeScript in React Native apps.
  • Ash Furrow
Why I gave Flow a shot after TypeScript (medium.com)
Sep 08, 2017
These are some of the sticking points that led me to give Flow a try, and although it’s still early, I’m liking what I see so far, and here’s why…
  • Ryan Johnson
Back To The Basics: Using React + Flow (medium.com)
Aug 29, 2017
Why does it make sense to use FlowType or TypeScript when working with JavaScript?
  • Ali Sharif
Even Better Support for React in Flow (medium.com)
Aug 16, 2017
It is time to rethink how Flow models React.
  • Caleb Meredith
Flow: Type Checking with Flow in React + Redux (robinwieruch.de)
Jun 21, 2016
The Flow: Type Checking with Flow in React + Redux tutorial will teach you how to use Flow in a React JS + Redux environment.

Video Guides & Talks

A Hitchhiker’s Guide to the new ReasonReact (youtube.com)
May 28, 2019
ReasonReact recently got a major overhaul. In this talk we explore the next version writing blazing fast, statically typed components using React Hooks. Once thrilled we add a little bit of genType’s magic on top of it, in order to compile our components to TypeScript, Flow or untyped JavaScript.
Scalable Design Systems with TypeScript (youtube.com)
May 01, 2019
This session explores creating living documentation for design systems, ensuring consistent documentation at all times using TypeScript.
  • Tejas Kumar
All aboard the type train (youtube.com)
May 01, 2019
JavaScript is a language of add-ons, and one of its more recent trends is typing. There are obvious benefits to typing, but what are the drawbacks? Should you choose Flow or TypeScript? Why use types at all? And why not just go straight to Reason? This session will provide some insight into these questions, peppered with examples from the real world.
  • Kadi Kraman
TypeScript + React (youtube.com)
Apr 29, 2019
This talk will provide a brief summary of the world of typed languages, an overview of TypeScript's features, as well as deeper dives into how TypeScript integrates with the world of React.
  • Chris Toomey
TypeScript and React (youtube.com)
Apr 08, 2019
Today we build on everything that we've learned about TypeScript and use it to...work with React and TypeScript!
  • Harry Wolff
Type Systems & Props Design - Exploring PropTypes, TypeScript, Flow & Reason (youtube.com)
Jan 07, 2019
Badly designed props can lead to components that are frustrating to use. While there are a couple patterns to make components more pleasant to use, ultimately it needs a type system in combination with a good editor integration for an even better developer experience. Yet not all type systems are the same. They offer different features and therefore lead to different experiences.
Gatsby & TypeScript (youtube.com)
Dec 01, 2018
Learn how to set up Gatsby with TypeScript and how to replace PropTypes with TypeScript interfaces in both functional and class based components.
How to use TypeScript in React (youtube.com)
Sep 20, 2018
TypeScript can be helpful to React developers in a lot of ways. Learn how to use Typescript in React.
Introduction to TypeScript @ ReactNYC (youtube.com)
Aug 31, 2018
Language overview by Microsoft Program Manager of TypeScript.
  • Daniel Rosenwasser
Prop validations for React (youtube.com)
May 22, 2018
You might think you know everything about prop-types, watch the the 3rd use-case ;)
Flow vs TypeScript in React :  my two cents (youtube.com)
May 18, 2018
Should you use Flow or TypeScript in your next React project? I recently had a bit of a dilemma with it for a new project and I would like to share my experience with it.

Books & Guides

Learn React with TypeScript 3 (packtpub.com)Get it on Amazon
Nov 29, 2018
Start developing modern day component based web apps using React 16, Redux and TypeScript 3 with this easy to follow guide.
  • Carl Rippon

Courses & Video Series

Intermediate React, v2 (frontendmasters.com)
Jun 11, 2019
Learn to build scalable React applications using the latest tools and techniques available in the React ecosystem! This is a modular course where you can pick and choose the various pieces of the react ecosystem you want to learn.
Develop React Applications with Mobx and TypeScript (egghead.io)
Jan 09, 2019
In this course, you’ll see how to model your React application logic using simple JavaScript classes — and with the help of MobX, make those classes the beating heart of your React applications.
  • Basarat Ali Syed
Intermediate React (frontendmasters.com)
Sep 14, 2018
Learn to build scalable React applications using the tools and techniques available in the React ecosystem
Use TypeScript to develop React Applications (egghead.io)
Dec 12, 2017
In this course we will cover how to setup a React application with TypeScript and use TypeScirpt for React applications
  • Basarat Ali Syed
React: Testing and Debugging (lynda.com)
Jul 05, 2017
Learn how to test, debug, and optimize your React code with tools like Jest, Chrome, ESLint, and flow.

Podcast Episodes

Libraries

flow-bin (flow.org)18943
v0.102.0
Jun 25, 2019
Adds static typing to JavaScript to improve developer productivity and code quality
typescript (typescriptlang.org)46564
v3.4.3
Apr 10, 2019
TypeScript adds optional types to JavaScript that support tools for large-scale JavaScript applications for any browser, for any host, on any OS.
  • Anders Hejlsberg
  • Andy Hanson
  • Daniel Rosenwasser
  • Sheetal Nandi
  • Sheetal Nandi
  • Microsoft
reason-react (reasonml.github.io)2160
v0.7.0
Apr 10, 2019
Reason bindings for ReactJS
  • Cheng Lou
prop-types (github.com)2706
v15.7.2
Feb 14, 2019
Runtime type checking for React props and similar objects