React.js

Watch User Created Playlist (7)

This playlist is user created.

pro-course-rss-logo

PRO RSS Feed

Analyze React components with MobX-React devtools

Building a React.js App: Notetaker Introduction

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

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

P

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

P

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

P

Sync the UI with the app state using MobX observable and observer in React

react tutorial about Analyze React components with MobX-React devtools

Analyze React components with MobX-React devtools

1:36 react

The MobX React devtools can be used to analyze when and why React components are re-rendered. They offer three features: 1) visualize when components re-render, 2) show the dependency tree of a component, to see which data it's rendering depends upon, and 3) log in detail which data is changed by your actions, and how these changes propagate through the application.

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: 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: 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: 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 - 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 Sync the UI with the app state using MobX observable and observer in React

Sync the UI with the app state using MobX observable and observer in React

2:31 react

Applications are driven by state. Many things, like the user interface, should always be consistent with that state.
MobX is a general purpose FRP library that provides the means to derive, for example, a React based user interface automatically from the state and keep it synchronized.

The net result of this approach is that writing applications becomes really straight-forward and boilerplate free.

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