Typescript

Know the benefits you can gain by using TypeScript with React

In this guide, I will show you how to use Redux in your React TypeScript project by building an app that allows you to add, delete, and show articles.

In this article, we’ll be looking at how we can use TypeScript with React and built components that are usable within both TypeScript and JavaScript files.

This article introduces Typescript, a superscript of JavaScript that presents the static type feature for spotting common errors as developers codes, which enhances performance, hence results in robust enterprise applications. You’ll also learn how to efficiently set up TypeScript in a React Project as we build a Money Heist Episode Picker App, exploring TypeScript, React hooks such as useReducer, useContext and Reach Router.

Hooks were introduced to React in February 2019 to improve code readability. We already discussed React hooks in previous articles, but this time we are examining how hooks work with TypeScript.

The purpose of this article is to be that friend for you and help you migrate your own project to TypeScript. For context, I will be using pieces from a personal project which I migrated while going through this process myself.

With the advent of the now-infamous single page application, extreme amounts of JavaScript started getting pushed to the browser. The sheer weight of JavaScript is one problem, but the browser also has to parse the downloaded JavaScript.

An updated handbook/cheat sheet for working with React.js with TypeScript.

How to continuously build and grow your modular React Library.

How to safely build and introduce React TypeScript components into your React JS project.

React and TypeScript are two awesome technologies used by a lot of developers these days. Knowing how to do things can get tricky, and sometimes it’s hard to find the right answer. Not to worry. We’ve put together the best practices along with examples to clarify any doubts you may have.

I started working with React and TypeScript about six months ago. Since then I’ve learned a lot, and there are a few things I wish I knew when I started out that would have saved me from messy solutions and some frustrating moments. Here are the ones I think are the most useful.

In this post, I will walk you through building a mood tracker app with TypeScript, Ionic, React, and MobX. We will then make it publicly accessible by deploying the app on Netlify.

If you are a software developer — especially if you write JavaScript — then you have probably heard of TypeScript.

Say we are working on a React Web and React Native project with overlapping functionality. We write some common code that we want to share between them, e.g., custom React Hooks. We don’t want to use the “copy-and-paste” method of sharing code; too error-prone. We want something that behaves like our projects’ other libraries, i.e., behaves like a npm library.

Here we will explore an opinionated approach to setting up Electron: TypeScript, React and Webpack. We’ll start with a basic Electron project and progressively build it into an enterprise-ready solution.

This article covers the way me and the team I am working with migrate a React application from JavaScript to TypeScript over the last couple of months and onwards. The goal is to help developers with the same idea to get a hold on where to start.

To make our components resilient, and better understand the data props being passed into them, we can add TypeScript support to our React applications and type our props.

In this article, we’ll take one of the starter Gatsby projects and turn it into a TypeScript app.

In this article, we're going to build a modern expense app using React and TypeScript, and understand why more and more developers are starting to use TypeScript. We're going to learn how we can use TypeScript to build better React components using types.

Recently I needed to research how good Next.js 9 is and I made this website using it in order to go over. Here is tips what I run into throughout making this website.

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.

This article walks you through building a client-side application with React and Apollo using the public SpaceX GraphQL API to display information about launches. We will automatically generate TypeScript types for our queries and execute these queries using React Hooks.

Gatsby is, in many ways, the JavaScript successor to Jekyll. I’ve upgraded several sites to Gatsby (including this one) finding a way to integrate TypeScript as part of the journey.

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.

Learn how to compose a tic-tac-toe app with React and TypeScript components.

How to use Extend and Pick helpers with generic types, intersection types, and more.

TypeScript and React are an increasingly common pair. Learn how to get up and running with TypeScript for your next React project.

In this article, we'll set up the Gatsby default starter blog with TypeScript, ESLint, Prettier and run these before every commit with lint-staged and husky.

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.

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.

A useful guide to React propTypes and type checking

Here's my take on a starter project using React, TypeScript and Webpack.

What happened that made TypeScript viable for me and worth migrating paypal-scripts for.

In this tutorial, you are going to learn how to set up a React Native project with TypeScript.

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.

My goal here is to document the steps required to create a static site rendered using next and TypeScript. I'm specifically interested in a configuration that uses the export functionality of next to produce what is basically a static, server-side rendered web site that integrates dynamic functionality once loaded. If that interests you as well, read on.

You’ve probably heard about TypeScript. You may have heard someone claiming how great type safety is.

Leverage React’s Context API as a light and powerful alternative to Redux

In this tutorial, we are going to setup our own basic Webpack 4 configuration from scratch for React with Typescript.

Today, we're going to look at how to use TypeScript in React Native apps.

Stateful, Stateless, Default Props, Render Callbacks, Component Injection, Generic Components, High Order Components, Controlled Components

This article will focus on Ally.js, a library simplifying certain accessibility features, functions, and behaviors.

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…

I show how to create a modal popup with React, Typescript and the NES.css library to spice things up.

Create a cool React Quiz with create-react-app and Typescript. You'll also learn how to use Styled-Components with React.

Last part of my 3 part series on writing custom React Hooks! This one converts the Hook to use TypeScript!

Create a custom and reusable React Hook for using Local Storage - useLocalStorage with Typescript in React. I'll show you, from scratch, how to use a custom hook in React to utilize localstorage for persisting data.

I walkthrough and explain the GraphQL Typescript boilerplate I created that includes authentication via sessions.

In this talk we will see together what type-level programming is, and how to introduce it in our codebase helps us to reach more exact type definitions, thus reducing the bugs in our code. Starting from a practical example we will see the basic patterns, limits and potential.

This talk will show you all the steps involved in converting a React Native project to TypeScript, as well as many of the pitfalls and gotchas that you might encounter along the way.

Learn how to start using Typescript in your React code. I go over props, hooks, and render props.

This talk will show you all the steps involved in converting a React Native project to TypeScript, as well as many of the pitfalls and gotchas that you might encounter along the way.

Most of us have used or at least heard about TypeScript, but how many have released a React library written in TypeScript on NPM? In this session we will take a look at the tooling required and some best practices for publishing a library using TypeScript and Rollup.

This session explores creating living documentation for design systems, ensuring consistent documentation at all times using TypeScript.

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.

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.

Learn how to make a form in React using Typescript, Material UI, and Formik.

Today we build on everything that we've learned about TypeScript and use it to...work with React and TypeScript!

Talk at React Vienna 2018.

Functional reactive programming is based on the idea that applications can be built around streams. The structure TypeScript imposes provides us with a declarative syntax that gives semantic meaning to the streams of events and commands our application uses to build state in redux architecture.

Learn how to set up Gatsby with TypeScript and how to replace PropTypes with TypeScript interfaces in both functional and class based components.

TypeScript can be helpful to React developers in a lot of ways. Learn how to use Typescript in React.

Language overview by Microsoft Program Manager of TypeScript.

Learn how to use Yarn workspaces with a Typescript React Native app.

Learn how to setup a React Native application with Typescript.

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.