React

Lots of people use React as the V in MVC. Since React makes no assumptions about the rest of your technology stack, it's easy to try it out on a small feature in an existing project.

COURSES 24

WATCH Kent C. Dodds's COURSE

Advanced React Component Patterns

Advanced React Component Patterns

The goal of this course is to give you the knowledge of advanced patterns you can use to make React components that are more fl...

19 lessons

WATCH Kent C. Dodds's COURSE

The Beginner's Guide to ReactJS

The Beginner's Guide to ReactJS

This course is for React newbies and those looking to get a better understanding of React fundamentals. With a focus on React f...

19 lessons

WATCH Tim Kindberg's COURSE

Build a Server Rendered + Code Split App in React with React Universal Component

Build a Server Rendered + Code Split App in React with React Universal Component

In this course, you will be learn how to get your react app to load as quickly as possible to maximize user engagement—we need ...

12 lessons

WATCH Nik Graf's COURSE

Leverage New Features of React 16

Leverage New Features of React 16

React 16 comes with some powerful new features, in this course we'll be exploring each of them. Each lesson is going to go over...

6 lessons

WATCH Shane Osbourne's COURSE

Up and Running with redux-observable

Up and Running with redux-observable

In this course we will begin with nothing more than an empty directory & a text editor. Through small, focussed lessons we’...

13 lessons

WATCH Andrew Van Slaars's COURSE

Build A React App With Redux

Build A React App With Redux

Managing state in modern web applications is hard. As applications grows in complexity, keeping track of state changes and mapp...

26 lessons

WATCH Dan Abramov's COURSE

Getting Started with Redux

Getting Started with Redux

In this comprehensive tutorial, Dan Abramov - the creator of Redux - will teach you how to manage state in your React applicati...

30 lessons

WATCH Jason Brown's COURSE

Fundamentals of React Native Video

Fundamentals of React Native Video

React Native Video is a community supported video element for React Native. It allows for remote loading of videos and also wor...

8 lessons

WATCH Joe Maddalone's COURSE

Add routing to React apps using React Router v4

Add routing to React apps using React Router v4

React Router v4 takes an entirely new approach to routing and handling URLs in your React applications. It fully embraces the c...

14 lessons

WATCH Nik Graf's COURSE

Build Virtual Reality Experiences Using React VR

Build Virtual Reality Experiences Using React VR

In this course we will explore the possibilities to bring VR to the Web using React VR. Each lesson focuses on one specific con...

10 lessons

WATCH Damon Bauer's COURSE

Add Internationalization (i18n) to a React app using React Intl

Add Internationalization (i18n) to a React app using React Intl

In this course, we will incorporate react-intl into a project created with create-react-app and react-router. The react-intl li...

11 lessons

WATCH Tim Kindberg's COURSE

Higher Order Components with Functional Patterns Using Recompose

Higher Order Components with Functional Patterns Using Recompose

In this course, you will learn to use many of the most powerful and convenient higher-order components within Recompose by codi...

15 lessons

WATCH Shane Osbourne's COURSE

Up and running with Preact

Up and running with Preact

In this course we will begin with nothing more than an empty directory & a text editor. Through small, focussed lessons we’...

12 lessons

WATCH Andrew Van Slaars's COURSE

Build Your First Production Quality React App

Build Your First Production Quality React App

With the variety of choice we have in building modern web applications using JavaScript, it can make it difficult to understand...

24 lessons

WATCH Jason Brown's COURSE

Real World React Native Animations

Real World React Native Animations

In this course we'll explore how to create many popular animated concepts in applications across web and mobile applications. W...

10 lessons

WATCH Dan Abramov's COURSE

Building React Applications with Idiomatic Redux

Building React Applications with Idiomatic Redux

This course will pick up where we left off with the Redux Fundamentals course. If you haven't watched that yet, you are highly ...

27 lessons

WATCH Michel Weststrate's COURSE

Manage Complex State in React Apps with MobX

Manage Complex State in React Apps with MobX

MobX is designed to enable building web applications with a complex data model in an intuitive and very performant manner. Usin...

9 lessons

WATCH Jason Brown's COURSE

Build a React Native Todo Application

Build a React Native Todo Application

In this course we’ll explore getting started with a basic React Native application on both iOS and Android. We’ll learn about u...

13 lessons

WATCH Jason Brown's COURSE

Animate React Native UI Elements

Animate React Native UI Elements

In this course we will learn and demonstrate the basic concepts of the React Native Animated API. We'll use Animated calls like...

9 lessons

WATCH Joe Maddalone's COURSE

Getting Started with React Router

Getting Started with React Router

React Router is the defacto router for any React application and it allows us to extract the state of our application from the ...

11 lessons

WATCH Trevor Miller's COURSE

React Testing Cookbook

React Testing Cookbook

The definition of "legacy code" can be described simply as "code that doesn't have tests." Code you just wrote, 5 minutes ago? ...

13 lessons

WATCH Joe Maddalone's COURSE

React: Flux Architecture (ES6)

React: Flux Architecture (ES6)

As a React application grows, so does the needs for organization and patterns. How do components communicate? How do we manage ...

10 lessons

WATCH Tyler McGinnis's COURSE

React Native Fundamentals

React Native Fundamentals

If you're a web developer who has been itching to get into native development, now is your chance. In this series we'll be talk...

17 lessons

WATCH Joe Maddalone's COURSE

Start Learning React

Start Learning React

React is a "javascript library for building user interfaces" from the fine folks at Facebook & Instagram. It strictly focus...

21 lessons

Understand the Touchables in React Native

In this lesson, we will learn how to create our own buttons using the 3 Touchable components that are available on the iOS and Android platforms. We will build a button with each component and lear...

Dana White
4:26

Write CSS in JS with glamorous

There are a few things you may be used to doing in CSS that you’ll need to learn how to accomplish using CSS in JS (in particular with glamor and glamorous). In this lesson we’ll go through a few e...

Kent C. Dodds
8:16

Use glamorous with existing CSS

Glamorous works great with whatever CSS framework you’re currently using. In this lesson we’ll see how to make glamorous integrate with your existing CSS solution so you can migrate overtime.

Kent C. Dodds
5:09

Install glamorous to start styling React components

In this lesson we’ll learn about the things you need installed and setup to start writing React components with glamorous.

Kent C. Dodds
1:43

Process Images in React with react-imgpro

In this lesson, we will cover a popular image processing component in the react eco-system for image processing. The Library is react-imgpro. Installation: npm install --save react-imgpro Inc...

Akash Gutha
3:41

Compose Redux Higher Order Reducers

In Understand Redux Higher Order Reducers, I've explained to you how higher order reducers can reduce the amount of reducer logic by reusing it. You can even use multiple higher order reducers, but...

Alex Jover Morales
4:34

Understand Redux Higher Order Reducers

Higher Order Reducers are simple reducer factories, that take a reducer as an argument and return a new reducer. In that new reducer, you can customize the behaviour of the original one which helps...

Alex Jover Morales
3:44

Render Markdown using React with React-Remarkable

We will use the React-Remarkable library to render markdown onto our React DOM. This library uses the Remarkable library to render markdown. Installation Guide npm install --save react-remarkable...

Akash Gutha
1:31

Remove React PropTypes by using Flow Annotations (in CRA)

Starting from v15.5 if we wanted to use React's PropTypes we had to change our code to use a separate node module, now we can go one step further and get rid of that extra dependency just by using ...

Flavio Corpa
2:37

Update React Component State Based on External DOM Events

Most of the time, your components respond to events that occur within the component tree by defining their own handler or by accepting a handler defined by a parent component via props. Sometimes, ...

Andrew Van Slaars
5:09

Style a React component with styled-components

In this lesson, we remove the mapping between a React component and the styles applied to it via classnames. We write our styles directly within the component, in a real CSS syntax, with the full p...

Simon Vrachliotis
3:04

Create Animated Map Markers Linked to Scrolling Content in React Native

We'll construct a map using react-native-maps and custom animated map makers. We'll build a scroll view that when scrolled horizontally it will animate the marker that it is associated with. Once a...

Jason Brown
12:15

FEATURED REACT PLAYLISTS

Browse all React lessons.

showing All 425 lessons...

Load a Universal React Named Exported Component with the Key Option

Add Redux with Server-to-Client State Hydration to a React Universal Project

Configure a Custom Universal React Loading Component

Publish a React component with TypeScript

Create stateful React Components using TypeScript

Bootstrap a TypeScript + React project

Create stateless React components using TypeScript

Understand the Touchables in React Native

P

Include Links to Next and Previous Gatsby Blog Posts

P

Add a Tags Page and Display All Tags in a Gatsby.js Blog

P

Dynamically Generate Gatsby Blog Posts by Path

P

Create a Blog Post Template for Gatsby

P

Use GraphQL in Gatbsy to Create an Index of all Posts

P

Use Redux with Render Props

P

Rerender Descendants Through shouldComponentUpdate

P

Implement a Higher Order Component with Render Props

P

Implement a React Context Provider

P

Make Controlled React Components with Control Props

P

Use Component State Initializers

P

Use Prop Collections with Render Props

P

Improve Unit Testability of Higher Order Components

P

Handle prop namespace clashes with Higher Order Components

P

Use Prop Getters with Render Props

P

Improve debuggability of Higher Order Components

P

Use Render Props with React

P

Handle static properties properly with Higher Order Components

P

Handle ref props with Higher Order Components

P

Build a Toggle Component

Make Enhanced React Components with Higher Order Components

P

Make Compound React Components Flexible

P

Write Compound Components

P

Rerender a React Application

Controlling Form Values with React

Use Class Components with React

Build and deploy a React Application

Make HTTP Requests with React

Make Dynamic Forms with React

Stop Memory Leaks with componentWillUnmount Lifecycle Method in React

Style React Components

Manipulate the DOM with React refs

Use the key prop when Rendering a List with React

Make Basic Forms with React

Use Component State with React

Use Event Handlers with React

Validate Custom React Component Props with PropTypes

Conditionally Render A React Component

Create Custom React Components

Write Hello World with raw React APIs

Write CSS in JS with glamorous

P

Why use TypeScript with React

react tutorial about Load a Universal React Named Exported Component with the Key Option

Load a Universal React Named Exported Component with the Key Option

1:38 react

It’s not uncommon to export a component as a named export as opposed to a default export. The key option in the universal higher-order component allows you to select which named export in the module that you’d like to load.

react tutorial about Add Redux with Server-to-Client State Hydration to a React Universal Project

Add Redux with Server-to-Client State Hydration to a React Universal Project

6:08 react

We will add redux to our project and get redux working on the client and server. The redux state will be passed along with our server-side rendered page in a global window variable; from there, we’ll hydrate the state on the client.

react tutorial about Configure a Custom Universal React Loading Component

Configure a Custom Universal React Loading Component

2:37 react

We’ll go through the options related to loading. You have the ability to specify a custom loading component instead of the default Loading… component that react-universal-component will show for you. You can also set a minimum delay if you’d like the loading component to always show for some time—sometimes a quickly blinking loading component can appear unpolished.

react tutorial about Publish a React component with TypeScript

Publish a React component with TypeScript

3:30 react

In this lesson we look at how to create a React Component package using TypeScript.

Creating a React Package is very similar to creating any other TypeScript Node package and we demonstrate that here.

react tutorial about Create stateful React Components using TypeScript

Create stateful React Components using TypeScript

2:48 react

You can create stateful React Components in TypeScript by extending from the React.Component class. This parent class takes two generic parameters, Props and State.

This lessons shows these generic parameters and React.Component in action.

react tutorial about Bootstrap a TypeScript + React project

Bootstrap a TypeScript + React project

4:26 react

Learn how to setup a TypeScript + React project from scratch. Understand the reason behind every line involved in the configuration allowing you to customize it at will in the future.

react tutorial about Create stateless React components using TypeScript

Create stateless React components using TypeScript

1:37 react

You can create a stateless React component in TypeScript as easily as creating a function.

But if you want to create high quality idiomatic React + TypeScript components we cover some improved patterns in this lesson.

react-native tutorial about Understand the Touchables in React Native

Understand the Touchables in React Native

4:26 react-native PRO

In this lesson, we will learn how to create our own buttons using the 3 Touchable components that are available on the iOS and Android platforms. We will build a button with each component and learn which component is best based on the feedback that we need to provide to the user.

gatsby tutorial about Include Links to Next and Previous Gatsby Blog Posts

Include Links to Next and Previous Gatsby Blog Posts

1:22 gatsby PRO

Gatsby’s createPage action allows for additional data to be passed in via context. In this lesson, we will add a processing step to include links between posts, and update our templates to conditionally display them as appropriate.

gatsby tutorial about Add a Tags Page and Display All Tags in a Gatsby.js Blog

Add a Tags Page and Display All Tags in a Gatsby.js Blog

2:50 gatsby PRO

In this lesson, we’ll use GraphQL to query for tags on each of our posts then dynamically create page URLs that display links to all the posts that match each tag. The tags index page and tag pages will be dynamically created in a function we will define using the page templates we have built and Gatsby's createPage API.

gatsby tutorial about Dynamically Generate Gatsby Blog Posts by Path

Dynamically Generate Gatsby Blog Posts by Path

1:19 gatsby PRO

Gatsby includes several Node APIs for building sites. In this lesson, we’ll use the createPages API to dynamically build a page for each of our posts, using the URL path in the frontmatter of each Markdown doc.

gatsby tutorial about Create a Blog Post Template for Gatsby

Create a Blog Post Template for Gatsby

1:26 gatsby PRO

In order to display the generated HTML from a Markdown post, we will build a GraphQL query and pass its data into a Template component that makes use of React’s dangerouslySetInnerHTML DOM element.

gatsby tutorial about Use GraphQL in Gatbsy to Create an Index of all Posts

Use GraphQL in Gatbsy to Create an Index of all Posts

1:36 gatsby PRO

In this lesson, we’ll use GraphQL to query for transformed Markdown blog posts and display links to each on your blog’s homepage.

react tutorial about Use Redux with Render Props

Use Redux with Render Props

6:49 react PRO

Now that we have everything wired up to share and update the state of the toggled boolean across our application, let's see how easy it would be to change from the state of a single boolean to state in a redux store! We’ll call it rendex (render props + redux). 😍

react tutorial about Rerender Descendants Through shouldComponentUpdate

Rerender Descendants Through shouldComponentUpdate

3:19 react PRO

One problem with using context is that any component in the hierarchy could return true from shouldComponentUpdate without knowing that state in context has changed. In this lesson, we’ll look at how the react-broadcast library can be used to avoid that problem.

react tutorial about Implement a Higher Order Component with Render Props

Implement a Higher Order Component with Render Props

1:52 react PRO

When making a reusable component, you'll find that people often like to have the API they're most familiar with, so in this lesson we'll recreate the withToggle Higher Order Component using our new ConnectedToggle render prop component.

react tutorial about Implement a React Context Provider

Implement a React Context Provider

6:47 react PRO

If you have state that needs to exist throughout your application, then you may find yourself passing props all over the application and even "drilling" the prop through components that don't really care about the prop at all. In this lesson, we'll see a sample of a small app that has the "prop drilling problem" and learn how to implement the "Provider pattern" to access context state anywhere in the component tree.

react tutorial about Make Controlled React Components with Control Props

Make Controlled React Components with Control Props

4:06 react PRO

Sometimes users of your component want to have more control over what the internal state is. In this lesson we'll learn how to allow users to control some of our component’s state just like the <input />'s value prop.

react tutorial about Use Component State Initializers

Use Component State Initializers

2:46 react PRO

In this lesson, we'll allow users to initialize our component's state with their own defaults and support a reset functionality to reset to the initial state.

react tutorial about Use Prop Collections with Render Props

Use Prop Collections with Render Props

2:05 react PRO

Sometimes you have common use cases that require common props to be applied to certain elements. You can collect these props into an object for users to simply apply to their elements and we'll see how to do that in this lesson.

react tutorial about Improve Unit Testability of Higher Order Components

Improve Unit Testability of Higher Order Components

2:45 react PRO

Let’s make it a little easier to test components which have been wrapped by our Higher Order Component by exposing the underlying component. Inside of our Higher Order Component, we will assign a WrappedComponent property to our Component that we passed in.

react tutorial about Handle prop namespace clashes with Higher Order Components

Handle prop namespace clashes with Higher Order Components

3:47 react PRO

One problem Higher Order Components face is they share the props namespace with the other props the user wants to pass to that component. In this lesson, we’ll take a look at how we can resolve these naming conflicts.

react tutorial about Use Prop Getters with Render Props

Use Prop Getters with Render Props

6:12 react PRO

When you're using prop collections, sometimes you can run into trouble with exposing implementation details of your prop collections. In this lesson, we'll see how we can abstract that away by simply creating a function called a prop getter that will compose the user's props with our prop collection.

react tutorial about Improve debuggability of Higher Order Components

Improve debuggability of Higher Order Components

4:43 react PRO

React DevTools and React's built-in development warnings rely on the displayName and name property of your react components to give you a good developer experience. Unfortunately, Higher Order Components make it harder for React to give that good experience. In this lesson, we’ll learn about the displayName property and how that impacts React Developer Tools. Then we'll improve the displayName for our Higher Order Component by changing where we call the withToggle Higher Order Component.

react tutorial about Use Render Props with React

Use Render Props with React

5:25 react PRO

In this lesson, we'll take a step back and reexamine the problem by doing a few tiny refactorings to arrive at a new pattern called render props. render props is just a function that you pass to a component that renders jsx. This pattern gives us the ability to use Reacts lifecycle methods where as with Higher Order Components, you could not. We'll see that it allows us to avoid using APIs like context and all of the issues we had to deal with when using Higher Order Components.

react tutorial about Handle static properties properly with Higher Order Components

Handle static properties properly with Higher Order Components

3:02 react PRO

One of the goals of reusable components is that the implementation details are unobservable. You want to make things work the way people think they should work without them having to consider the implementation. In this lesson we'll see a confusing observable behavior of using Higher Order Components and use the hoist-non-react-statics library to avoid the problem.

react tutorial about Handle ref props with Higher Order Components

Handle ref props with Higher Order Components

2:54 react PRO

When you wrap a component with a Higher Order Component, it becomes impossible to forward the ref prop down the component tree due to the special nature of the ref prop in React. In this lesson, we’ll see that problem in action with our Higher Order Component. We will pass the ref as an innerRef prop so that the Higher Order Component can re-assign the ref to the component that it is wrapping.

react tutorial about Build a Toggle Component

Build a Toggle Component

2:01 react

In this lesson, we’ll write a simple toggle component which will serve as the foundation for the rest of the course. Kent walks through how to create a simple toggle with React setState. He shows us how to extend the functionality of the toggle by safely adding an onToggle prop that gets called after state is updated. It is important to define default props when you are calling a method from props.

react tutorial about Make Enhanced React Components with Higher Order Components

Make Enhanced React Components with Higher Order Components

3:22 react PRO

The state shared between our toggle components is implicit because it lives inside context and is not easily accessible. In this lesson, we'll make a Higher Order Component (HOC) factory function which will allow the user to access that implicit state in their own components. Higher Order Components take a component and render a new component with some enhanced behaviors, in this case, the toggle context is added to the returned component. This factory component can get rid of duplicated code caused by needing to declare contextTypes on each component that needs it. Now we can wrap the component with withToggle and destructure on and toggle from the props.

react tutorial about Make Compound React Components Flexible

Make Compound React Components Flexible

4:01 react PRO

Our current compound component implementation is great, but it's limited in that users cannot render the structure they need. Let's allow the user to have more flexibility by using React context to share the implicit state to our child <Toggle/> components. We will walk through safely defining childContextTypes, providing the value with getChildContext, and, on each of the components that need that context, we define contextTypes so that React will pass the context that is being asked for.

react tutorial about Write Compound Components

Write Compound Components

4:06 react PRO

Compound component gives more rendering control to the user. The functionality of the component stays intact while how it looks and the order of the children can be changed at will. We get this functionality by using the special React.Children.map function to map over the children given to our <Toggle/> component. We map over the children to pass the on state as a prop to its children. We move the visual pieces of the component out into function components and add them as static properties to <Toggle/>.

react tutorial about Rerender a React Application

Rerender a React Application

3:17 react

In this lesson, we'll learn how we can call ReactDOM.render repeatedly with brand new React Elements and React will preserve element focus and only do the minimal required DOM operations for the re-render.

react tutorial about Controlling Form Values with React

Controlling Form Values with React

8:48 react

In this lesson we'll talk about controlling the value for inputs, textareas, and select elements. We'll see how to manage the state ourselves while still allowing the user to update the values themselves.

react tutorial about Use Class Components with React

Use Class Components with React

4:16 react

In this lesson we'll look at a few ways to deal with issues around this when writing class components with React. We'll eventually land at Public Class Fields syntax which is a stage 3 proposal in the ECMAScript standardization process.

react tutorial about Build and deploy a React Application

Build and deploy a React Application

3:02 react

In this lesson we'll see how simple it is to prototype a React application right in your browser using CodeSandbox.io, then to download that application locally and use the react-scripts which are setup automatically to develop and build the application for production. We'll wrap up by deploying the application to Netlify (using a free account) for the world to see.

react tutorial about Make HTTP Requests with React

Make HTTP Requests with React

3:29 react

Often to get user data you'll make an AJAX request using axios or the fetch API. In this lesson we'll get a GitHub user's company using GitHub's GraphQL API using React's componentDidMount lifecycle method.

react tutorial about Make Dynamic Forms with React

Make Dynamic Forms with React

3:42 react

Let's talk about how to use the onChange prop on an input to do dynamic and custom validation of a form as the user makes changes to the input.

react tutorial about Stop Memory Leaks with componentWillUnmount Lifecycle Method in React

Stop Memory Leaks with componentWillUnmount Lifecycle Method in React

1:14 react

In this lesson we'll take a stopwatch component we built in another lesson and identify and fix a memory leak.

react tutorial about Style React Components

Style React Components

5:36 react

In this lesson we'll learn about how you can style react components using the style prop and className prop. We'll create a component that composes these props together nicely and talk about some of the shortcomings of these as well.

react tutorial about Manipulate the DOM with React refs

Manipulate the DOM with React refs

2:23 react

Often you'll find there's a jQuery plugin or JavaScript library which needs access to DOM nodes to work in your application. Other times you need access to the DOM node directly to get the value of form fields or for other reasons. In this lesson we'll learn how to do this using React's ref prop.

react tutorial about Use the key prop when Rendering a List with React

Use the key prop when Rendering a List with React

4:29 react

In this lesson we're reminded that JSX is simply JavaScript and to render a list you can use the array method .map to map an array to React elements. However, if you don't use the key prop correctly, it can lead to unexpected results, so we explore what can happen and how to use the key prop correctly.

react tutorial about Make Basic Forms with React

Make Basic Forms with React

3:35 react

In this lesson we'll take a look at how to make a basic form with React. We'll see how to use the onSubmit event to prevent the default submit behavior of forms with React and then how to use that event to get the values from the form. We'll also see how you can use the React ref prop to get the value of form elements as well.

react tutorial about Use Component State with React

Use Component State with React

7:09 react

In this lesson we'll build a stopwatch component that maintains its own state. We'll start by creating the static UI, then take the dynamic parts and accept them as props. After that we'll refactor that to state and add event handlers to update the state.

react tutorial about Use Event Handlers with React

Use Event Handlers with React

3:42 react

In this lesson we'll learn about React's synthetic event system which allows React to use the same event system regardless of the platform (whether you're using react-native or react-dom for example). We'll see how you attach events directly to elements and React takes care of event delegation and optimization for you.

react tutorial about Validate Custom React Component Props with PropTypes

Validate Custom React Component Props with PropTypes

3:30 react

In this lesson we'll learn about how you can use the prop-types module to validate a custom React component's props.

react tutorial about Conditionally Render A React Component

Conditionally Render A React Component

2:43 react

In this lesson we explore JSX a little further and solidify in our minds that JSX is simply syntax sugar on top of a fairly simple React API: React.createElement

react tutorial about Create Custom React Components

Create Custom React Components

5:15 react

Just like in regular JavaScript, when you want to reuse code, you create a function. With React, you create components. In this lesson we'll walk through the process of creating custom React components and you'll walk away with a deep understanding of how to create and use basic components to compose a larger component you render.

react tutorial about Write Hello World with raw React APIs

Write Hello World with raw React APIs

3:24 react

In this lesson we'll learn how to use raw React APIs to create the most basic Hello World example. React defines it’s own createElement function that we will see works similar to document.createElement. And in place of appendChild we will use ReactDOM's render function.

We'll also learn a little bit about React props and the children prop.

glamorous tutorial about Write CSS in JS with glamorous

Write CSS in JS with glamorous

8:16 glamorous PRO

There are a few things you may be used to doing in CSS that you’ll need to learn how to accomplish using CSS in JS (in particular with glamor and glamorous). In this lesson we’ll go through a few examples.

react tutorial about Why use TypeScript with React

Why use TypeScript with React

2:53 react

You get excellent developer experience when using TypeScript with React. This is better when compared to many other frameworks that work off of simple template strings because JSX is embedded within TypeScript.

In this lesson we give a demonstration of the some of the powerful refactorings and type checks enabled by using TypeScript with React.

HEY, QUICK QUESTION!
Joel's Head
Why are we asking?