Learn React from the very beginning

Watch User Created Playlist (17)

This playlist is user created.

pro-course-rss-logo

PRO RSS Feed

Building a React.js App - ES6 Refactor: Firebase and React Binding with re-base

P

Building a React.js App - ES6 Refactor: propTypes in ES6

P

Building a React.js App - ES6 Refactor: Non Components

P

Building a React.js App: Rendering a UI of Dynamic Data

P

Building a React.js App: Transitions with React Router

P

Building a React.js App: Component Validation with PropTypes

P

Building a React.js App: State, Props, and Thinking in React

P

Building a React.js App: Up and Running with React and Webpack

Building a React.js App: Notetaker Introduction

Building a React.js App: Basic Routing with React Router

P

Building a React.js App: Using ReactFire to Add Data Persistence

P

Building a React.js App: Managing State in Child Components

P

Building a React.js App: Making Server Requests in React with Axios

P

Building a React.js App: componentWillReceiveProps and React Router

P

Building a React.js App - ES6 Refactor: createClass to JavaScript Classes and propTypes

P

Building a React.js App - ES6 Refactor: Routing without Mixins

P

Building a React.js App: Utilizing Stateless Function Components

react tutorial about Building a React.js App - ES6 Refactor: Firebase and React Binding with re-base

Building a React.js App - ES6 Refactor: Firebase and React Binding with re-base

7:37 react PRO

In this lesson, we’ll finish refactoring our application to ES6. Along the way, we’ll learn how to get route parameters in React Router without mixins as well as learn about re-base, a library for building React applications with Firebase in ES6

react tutorial about Building a React.js App - ES6 Refactor: propTypes in ES6

Building a React.js App - ES6 Refactor: propTypes in ES6

2:50 react PRO

In this video, we’ll refactor our Repos and UserProfile components and along the way we’ll learn how to utilize propTypes in React with JavaScript classes.

react tutorial about Building a React.js App - ES6 Refactor: Non Components

Building a React.js App - ES6 Refactor: Non Components

9:49 react PRO

In this video, we’ll walk through refactoring all of our non component files to utilize new ES6 features like the module system, template strings, destructuring, and arrow functions.

react tutorial about Building a React.js App: Rendering a UI of Dynamic Data

Building a React.js App: Rendering a UI of Dynamic Data

4:08 react PRO

In this lesson, we’ll fix up our UserProfile component as well as our Repos component to more elegantly display the data we’re getting from the Github API.

react tutorial about Building a React.js App: Transitions with React Router

Building a React.js App: Transitions with React Router

5:30 react PRO

In this video, we’ll walk through how to use React Router to transition from one Route to another while passing that new Route data via route parameters.

react tutorial about Building a React.js App: Component Validation with PropTypes

Building a React.js App: Component Validation with PropTypes

4:04 react PRO

In this video, we’ll add PropTypes to some of our existing components to ensure that each component gets the data it needs to function properly.

react tutorial about Building a React.js App: State, Props, and Thinking in React

Building a React.js App: State, Props, and Thinking in React

12:00 react PRO

In this video, we’ll build out the skeleton of our main React.js components. We’ll talk about how to think in terms of components as well as learn about state and props.

react tutorial about Building a React.js App: Up and Running with React and Webpack

Building a React.js App: Up and Running with React and Webpack

7:57 react

In this video, we’ll talk about JSX and learn the necessity of Webpack and specifically babel-loader for JSX to JavaScript transformation. We’ll also set up our basic architecture and build our very first React component.

react tutorial about Building a React.js App: Notetaker Introduction

Building a React.js App: Notetaker Introduction

1:32 react

In this video, we introduce our sample application and discuss our objectives for this series on React.js.

react tutorial about Building a React.js App: Basic Routing with React Router

Building a React.js App: Basic Routing with React Router

10:34 react PRO

React Router is the most popular, and arguably the best solution for adding Routing to your React application. In this video, we’ll talk about the ideology around React Router as well as set up basic routing for our application.

react tutorial about Building a React.js App: Using ReactFire to Add Data Persistence

Building a React.js App: Using ReactFire to Add Data Persistence

14:09 react PRO

In this video, we’ll tie in ReactFire from Firebase in order to implement persistence into our application for our Notes component as well as walk through how to properly display a list of data.

Click here for JSON data to seed your database.

react tutorial about Building a React.js App: Managing State in Child Components

Building a React.js App: Managing State in Child Components

10:26 react PRO

In this video, we’ll walk through how to better manage your state by learning how to manipulate the state of a parent component from a child component.

react tutorial about Building a React.js App: Making Server Requests in React with Axios

Building a React.js App: Making Server Requests in React with Axios

9:30 react PRO

In this lesson, we’ll walk through implementing Axios into our application in order to communicate with the Github API.

react tutorial about Building a React.js App: componentWillReceiveProps and React Router

Building a React.js App: componentWillReceiveProps and React Router

5:18 react PRO

In this lesson, we’ll learn how React Router uses the componentWillReceiveProps life cycle method in order to give you any route changes that occurs in your application. We’ll leverage this to fetch new data about different users when the user requests that data.

react tutorial about Building a React.js App - ES6 Refactor: createClass to JavaScript Classes and propTypes

Building a React.js App - ES6 Refactor: createClass to JavaScript Classes and propTypes

9:15 react PRO

In this video, we’ll walk through refactoring all of our note components to learn how to go from createClass to utilize JavaScript classes to build our React components as well as how to handle propTypes with ES6.

react tutorial about Building a React.js App - ES6 Refactor: Routing without Mixins

Building a React.js App - ES6 Refactor: Routing without Mixins

4:23 react PRO

In this video, we’ll walk through refactoring the routing of our application to get away from mixins and be compatible with JavaScript Classes through context.

react tutorial about Building a React.js App: Utilizing Stateless Function Components

Building a React.js App: Utilizing Stateless Function Components

5:01 react

As of React 0.14 we can now create components with functions rather than React.Component or createClass. In this video, we'll walk through transferring all our Class Components to Stateless Function Components.

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