React Fundamentals

4.8
3,426 Reviews
  • 48 Lessons
  • 287 Minutes
  • Updated 8 months ago

This course is guaranteed to be up to date.

The modularity of the React ecosystem is extremely powerful for building applications. However, it makes learning React a nightmare when 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 applications with React (including Routing and Ajax requests). With an average rating of 9.3/10 from 2,945 reviews, this could be the most popular and highest rated way to learn React. Recently updated and compatible with React 16.3.

Pre-Requisites

Experience with the web platform (HTML, CSS, JavaScript) will help, but if you're coming from a different programming language, it isn't required. If you're a complete beginner, this course may be a struggle but you're welcome to try it out.
Sign Up

What you'll learn

  • NPM

  • JavaScript

    Array.map
    Array.filter
    Array.reduce
    Pure Functions
    this
    .call
    .apply
    .bind
  • React (v16.3)

    Imperative vs Declarative
    Composition
    Unidirectional Dataflow
    JSX
    Virtual DOM
    ES6 Classes
    state
    props
    children
    prop-types package
    createElement
    functional setState
    Lifecycle Hooks
    Container vs Presentational Components
    Stateless Functional Components
    Synthetic Events
    Private Stateless Functional Components
  • Webpack 4

    Configuration
    HTMLWebpackPluginConfig
    Loaders
  • Hosting

    Building for Production
    Deployment

Who is this course for?

  • Mid to Sr level back-end developers who are new to JavaScript but want to learn about React as quickly as possible.
  • Bootcamp graduates who are confident in the fundamentals of JavaScript and want to become more employable by learning React.
  • Angular developers who want to learn about why React is gaining popularity.
  • Developers who are frustrated with the disjointed approach to learning React and want a linear, coherent path.
  • jQuery or Backbone developers who want to learn a more declarative, component based approach to building UIs.
  • Native mobile developers who want to see what all the hype around React is about.
  • Front end developers wanting to modernize their skill set in order to get a raise or apply for another job.
Sign Up

Course Outline

  • Intro to the React Ecosystem

    Welcome
    Introduction to the React Ecosystem Video
    Introduction to React Quiz
    (Bonus Text) Imperative vs Declarative Programming
  • Setting up your first React component with NPM, Babel, and Webpack

    Intro to Text Sections
    NPM
    Webpack 4 for React
    First React Component
    Video: Babel, Webpack, and React
    (Bonus Text) React Elements vs React Components
    Quiz: Npm, Babel, and Webpack
  • Dataflow with Props

    Dataflow with Props in React
    Practicing Props
    Solution - Props
    Creating lists in React with .map and .filter
    Practicing .map and .filter
    Solution - .map and .filter
  • Pure Functions. f(d)=v. Props and Nesting React Components.

    Building UIs with Pure Functions and Function Composition in React
    Introduction to PropTypes
    Video: Validating Components with PropTypes
    Quiz: Pure Functions and Props
  • The "this" keyword + Managing and Updating State

    Video: The "this" Keyword Pt1: Intro and Implicit Binding
    Video: The "this" Keyword Pt2: Explicit binding with .call, .apply, and .bind
    Video: The "this" keyword Pt3: The "new" and "window" binding
    Video: Managing and Updating Component State
    Quiz: The "this" keyword
  • Stateless Functional Components

    Stateless Functional Components in React
    Video: Stateless Functional Components
    Private Components in React
    (Bonus Text) Functional Components vs Stateless Functional Components vs Stateless Components
  • Life Cycle Events + Ajax

    React Life Cycle Events
    Video: Making Ajax Requests in React
    Quiz: Lifecycle Events
  • React Router V4

    Intro to React Router V4
    Video: Adding React Router to our Application
  • Forms and Encapsulation in React

    Video: Forms and Encapsulation in React
  • Dynamic Rendering + Query Params

    Video: Dynamic Rendering + Query Params
  • Axios, Promises, and the Github API

    .reduce
    Video: Axios, Promises, and the Github API
  • Composition vs props.children

    props.children in React
    Video: Composition vs props.children
  • Building a Highly Reusable React Component

    Defaulting props with defaultProps
    Video: Building a Highly Reusable Component
    Quiz: Building a Highly Reusable React Component
  • Building for Production + Hosting

    Video: Building for Production + Hosting
    My Favorite Things
    Next Steps

What devs are saying

This is hands down the best introduction to React on the web. It was 100% worth the money!!

Tyler knows his stuff, more importantly, he cares. He conceived this React Fundamentals course in the most thoughtful manner. His style of instruction is a breath of fresh air for me giving all the courses I have taken on Udemy, Udacity, Lynda, and Codecademy.

TylerMcGinnis's React Fundamentals course was extremely high quality and you get waaaaay more than what you pay for. The videos go deep into the usage and implementation of React, the React eco-system, and the work-along project sufficiently covers most aspects of the front end web development. I would recommend this course to those just past the JavaScript beginner stage as well as for experienced JavaScript Engineers who want to learn more about React.

TylerMcGinnis.com offers the most comprehensive React courses on the planet. The React Fundamentals course has helped my React, JavaScript and overall development skills grow quickly and profoundly in just a few days. Still, after completing this course, I continually reiterate over the material and always feel like a better developer because of it. Definitely the best resource out there!

I have spent the past 6 months or so banging my head against my desk trying to level up on my JS/Web App skills and this course was nothing but 'Aha!!' moments. I strongly recommend putting in the time and keep revisiting items you might not understand that Tyler brings up because they will eventually make sense. I can't wait to start kicking work in it's butt!

I went through the Fundamentals course in about a week, and I can honestly say it's been the most clear, concise, to-the-point course I've ever done. I feel that everyday I've been excited to resuming where I left because, after every lesson, I had gained significant knowledge and usefulness of React.

This is one of the best courses that I have found on the internet, not only for React but as a programming course in general. It is very well structured and I noticed that whenever a question would pop up in my mind, Tyler would address it within a minute in the video. So it is clear that he has quite some experience teaching this subject and is aware of the unclarities that a new-comer to React might have.

Out of all the React tutorials and courses I have worked through, this one is easily the best. Tyler explains complex topics in an understandable and digestible way, using multiple learning vectors (text, video, quizzes) to reinforce learning. If the other courses he offers are similar in style and quality, they are worth every penny.

Tyler's course on React was extremely helpful to me as it was very to the point and at the same time in depth. I'll be back for more courses for sure. He has the best explanation of "this", "apply", "call", and "bind" out there.

This is without a doubt the best React tutorial that I have seen. In addition to the basics covered by almost all tutorials, it includes important ancillary features like routing, as well as covering real world practices such as the container/presentational component pattern, and using axios for async calls, gives the viewer insight to how React is actually used by developers. Finally, the intro to webpack shows you how to get it all actually up and running with a local dev server. The tutorial was very well organized, excellently explained, and intelligent in the features that it included.

This is the best way to learn. During the training videos, he answers questions as I think of them! It's like he's reading your mind as you watch and code along.

This is the best React course I have taken so far. Tyler does an incredible job teaching everything about React as a starter. There is ton of information he takes into stages and defuses it into details with clarity. Anyone who is thinking of learning React should first dive into Tyler's ReactJS Fundamentals before considering other resources online.

This is by far the best intro course to ReactJS out there. Tyler has clearly put in a lot of work to make this course meaningful. If you're curious about React, or if you've finished other intro courses and come away more confused than when you started, this is pure gold. Absolutely take the time to go through building the app with Tyler and you'll be 100% more comfortable with React.

Tyler takes a rare, but awesome, "I don't assume you know anything" approach to teaching this course. Sometimes, even with a lot of coding experience, taking courses while learning a new language/framework can be frustrating because the authors assume you know some things (like what NPM is or how Webpack and Babel work). Tyler explains those things (very well) without making the viewer seem like an idiot. Incredibly thorough course clearly made with intention and planning. Kudos, Tyler!

As someone with a background in instruction and instructional design, I immediately recognized Tyler's course as a cut above the glut of "learn React" content, currently available. His material is well organized, the concepts build in an intuitive way, and the instruction is clearly-articulated, easy to follow, and blessedly free of annoying misdirects and content-padding that bog down other online courses.

Sign Up