Ua3wuzoktyn9c7celzxa reactjs fundamentals

React.js Fundamentals

If you're new to React.js, there's no better place to learn React.js and the React ecosystem than with this React.js fundamentals course

Course Description

The modularity of the React ecosystem is extremely powerful for building applications. However, this can be a nightmare when you're first starting out. To even get a React app up and running you need the right combination of React, Webpack, and Babel. In this course we'll start from a blank folder and we'll build an application that encompasses everything you need to get started building production ready apps with React (including Routing and Ajax requests). If you're new to React, there's no better place to start than right here.

What You'll Learn

  • JavaScript
    • Array.reduce
    • Pure Functions
    • .bind
    • this
  • React
    • Imperative vs Declarative
    • Composition
    • Unidirectional Dataflow
    • JSX
    • Virtual DOM
    • createClass
    • state
    • props
    • props.children
    • createElement
    • Lifecycle Hooks
    • Container vs Presentational Components
    • Stateless Functional Components
    • Events
    • Private Stateless Functional Components
  • React Router
    • Declarative Routing
    • Route Configurations
    • Route Matching
    • Animating Route Transitions
    • Query Parameters
  • Webpack
    • Configuration
    • HTMLWebpackPluginConfig
    • CSS Loader
  • NPM

Course Format

This course is made up of 12 lessons. Each lesson is made up of three sections. The first section is a text introduction to each new topic outside of the context of any "real world" example. Many times it's easier to present something when you're able to hyper focus on the specific subject and abstract everything else. That's the purpose of the text version. Next is the video lesson. Throughout each video lesson we'll be building a project together. So each video lesson will be in the context of building a "real world" example. Last is a quiz that will verify you're learning and retaining what you should be. After all 12 lessons you'll be given access to a Github repo that contains instructions for the curriculum. Going through the lessons is not enough to build any real sort of knowledge. You need to put into practice what the lessons show you. That's the purpose of the hands on curriculum you'll build.

Curriculum Preview

As you can probably tell by now, I'm really big into hands on learning. You can listen to me ramble all day and not actually learn anything. Building apps is a large part of this course. All of the curriculum is open source. The curriculum repo for this course can be found HERE.


A solid understanding of JavaScript will help but isn't entirely required (you might have to do some extra research though). If you have no JavaScript experience but you're coming from another programming language, you'll be fine.


If you have any questions, suggestions, or just want to say thanks, you can find me on Twitter at @tylermcginnis33

What people are saying...

Class Curriculum

  Intro to the React Ecosystem
Available in days
days after you enroll
  React Life Cycle Events and Conditional Rendering
Available in days
days after you enroll
  Rendering UI
Available in days
days after you enroll
  React Router Transition Animation and Webpack's CSS Loader
Available in days
days after you enroll
  Production Error Tracking in React
Available in days
days after you enroll

Your Instructor

Tyler McGinnis
Tyler McGinnis

Hi! I'm Tyler. I'm currently the CTO of Spero where we're building a React Native app that is helping connect individuals affected by Cancer. Before Spero I found my love for teaching at DevMountain where I was the Lead Instructor and Curriculum Engineer. I've taught 1000's about React through both my personal blog and I'm a Google Developer Expert. I organized React.js Utah and ReactWeek. Sometimes I ramble on JavaScript air as a Co-host and I also help run React Newsletter and Front End Newsletter.

Frequently Asked Questions

How long do I have access to the course?
while(true). Or forever.
What if I am unhappy with the course?
Well, that would be unfortunate. But it's a free course, so, uh, ¯\_(ツ)_/¯

Get started now!