[VIP] UI Dev: Classic React
The best course in the world to take you from zero to enterprise grade React.
Break out of Tutorial Hell.
Stop reading out-of-date tutorials and watching crappy screen-share videos.
We use a linear approach to take you step by step from the fundamental building blocks of React — all the way to building real-world applications from with confidence.
And it’s all thanks to our secret sauce... Start Learning Today
01 React Overview
In this section, we'll answer that question in regards to React as well as cover some other programming fundamentals that React utilizes.
02 The Road to Hello World
There's more to learning how to build React apps than React itself. In this section you'll learn those topics which include NPM and Webpack.
03 Passing Data to Components
With any component based system you need a way to pass data into component. In this section, we'll cover how to do that in React with props.
04 Rendering Lists
As a front-end developer, you eventually come to the reality that you're a glorified list creator. In this section you'll learn how to create performant lists in React.
05 Managing State
Components managing their own state is part of what makes React so special. In this section you'll learn how to do that as well as some pitfalls to watch out for.
06 Functional Components
With React there are two ways to create components. In this section, you'll learn one of those ways utilizing pure functions.
07 Validating Props with PropTypes
Things go wrong when you get your types mixed up. In this section you'll learn how to minimize that by using PropTypes.
08 The Component Lifecycle
React exposes various methods that allow you to hook into the component life-cycle. In this section you'll learn what those methods are as well as pitfalls to avoid.
09 Handling Form State
Handling form state can be different than handling component state in React. In this section you'll learn both approaches as well as their tradeoffs.
10 Building Reuseable Components
What good would a component model be without reusability. In this section you'll learn how to create highly reusable React components.
11 Bypassing Props with React Context
Sometimes you need to pass data deep into the component tree. In this section you'll learn how to do that using React's context feature.
12 Code Sharing in React
The problem is coupling UI to a component is it makes it hard to reshare non-visual logic. In this section you'll learn two strategies for best accomplishing that - Higher-order components and Render Props.
13 Code Sharing in React
The problem is coupling UI to a component is it makes it hard to reshare non-visual logic. In this section you'll learn two strategies for best accomplishing that - Higher-order components and Render Props.
14 Better Classes with Class Fields
In this section you'll learn how to utilize JavaScript's new Class Fields feature to make your React components more concise.
15 React Router
React Router is the most popular routing solution for React. In this section you'll learn its philosophy as well as how to use it.
16 Production Builds and Hosting
In this section you'll not only learn how to host a React application, but first how to build your React app for production to make it more performant.
17 Performance Gains with Code Splitting
In this section you'll learn how to code split your applications for increased performance gains.
18 Bonus Time
In this section you'll learn everything else about React that you need to know that didn't fit into the normal flow of the course.
What's Your Reaction?