CF

React Fundamentals

4h 36m 46s
English
Paid

If you're serious about learning React, there's no better place to do it. Originally launched in 2016, this course has been taken by tens of thousands of developers and maintains an average rating of 4.8/5. Since its initial release, we've rebuilt it from the ground up to include all the best practices and newest APIs for building professional React apps, updated to reflect the 2019 standards.

Course Overview

This comprehensive course is designed to take you from zero to mastery in React development. Whether you're a complete beginner or have some experience with other JavaScript frameworks, this course will provide you with the knowledge and skills needed to build efficient, robust, and scalable applications using React.

What You Will Learn

React Basics

  • Understanding JSX and its benefits
  • Component structure and state management
  • Lifecycle methods and hooks integration

Advanced React Topics

  • Context API for state management
  • React Router for navigation
  • Performance optimization techniques

Why Choose This Course?

Our course stands out due to its interactive approach and up-to-date content. You will engage with real-world projects and coding challenges that solidify your understanding of complex React concepts.

Additionally, our community of learners provides an excellent platform for networking and collaborative learning, ensuring you not only learn React but also how to apply it in a teamwork setting.

About the Author: UI.dev (Tyler McGinnis)

UI.dev (Tyler McGinnis) thumbnail

UI.dev (formerly tylermcginnis.com) is the online course platform of Tyler McGinnis, a US developer who has been publishing React and JavaScript educational material continuously since 2014. The platform was one of the earliest dedicated React-tutorial sources and remains widely cited for the depth of its long-form courses on JavaScript fundamentals and the React ecosystem.

Course material covers React (including modern hooks-based patterns and Next.js), modern JavaScript (the canonical Modern JavaScript course), Firebase, GraphQL, Redux, TypeScript with React, and the algorithm / data-structure interview prep track. The teaching style is unusually rigorous about the language fundamentals underneath the framework material — Tyler's Modern JavaScript course in particular is a classic of the genre.

The CourseFlix listing under this source carries over 15 UI.dev / Tyler McGinnis courses spanning that range. Material is paid; UI.dev runs on per-course or membership pricing on the original platform.

Watch Online 18 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 18 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Introduction to the React Ecosystem Video
All Course Lessons (18)
#Lesson TitleDurationAccess
1
Introduction to the React Ecosystem Video Demo
20:03
2
Video: Babel, Webpack, and React
38:15
3
Solution - Props
06:23
4
Solution - .map and .filter
08:14
5
Video: Validating Components with PropTypes
07:11
6
Video: The "this" Keyword Pt1: Intro and Implicit Binding
06:08
7
Video: The "this" Keyword Pt2: Explicit binding with .call, .apply, and .bind
04:41
8
Video: The "this" keyword Pt3: The "new" and "window" binding
03:19
9
Video: Managing and Updating Component State
23:43
10
Video: Stateless Functional Components
07:55
11
Video: Making Ajax Requests in React
20:12
12
Video: Adding React Router to our Application
22:16
13
Video: Forms and Encapsulation in React
25:19
14
Video: Dynamic Rendering + Query Params
17:48
15
Video: Axios, Promises, and the Github API
18:28
16
Video: Composition via props.children
23:15
17
Video: Building a Highly Reusable Component
13:19
18
Video: Building for Production + Hosting
10:17
Unlock unlimited learning

Get instant access to all 17 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Related courses

Frequently asked questions

What are the prerequisites for enrolling in this React course?
This course is designed to accommodate both complete beginners and those with experience in other JavaScript frameworks. However, a basic understanding of JavaScript, HTML, and CSS is recommended to maximize your learning experience. Familiarity with ES6 syntax would also be beneficial, as the course covers advanced JavaScript concepts such as the 'this' keyword and ES6 features like .map and .filter.
What will I build during the course?
Throughout the course, you'll engage with real-world projects that include building applications using React's component structure, state management, and hooks. You'll work on projects that utilize React Router for navigation and integrate with external APIs using Axios and Promises. By the end of the course, you will have built efficient, robust, and scalable applications that demonstrate your mastery of React.
Who is the target audience for this React course?
The course is aimed at individuals who are serious about learning React, whether they are complete beginners to the framework or have experience with other JavaScript frameworks. It is suitable for developers looking to build professional React applications and those interested in understanding advanced topics like the Context API and performance optimization techniques.
How does this course compare in depth and scope to other React courses?
This course offers a comprehensive journey from basic to advanced React topics. It covers foundational concepts such as JSX, component structure, and state management, as well as advanced topics like React Router, Context API, and performance optimization. The course is updated to reflect 2019 standards and includes interactive projects and coding challenges, providing a deeper and more practical understanding than many other introductory courses.
What specific tools and platforms are covered in the course?
The course includes lessons on using essential tools like Babel and Webpack, which are crucial for building and bundling React applications. It also covers Axios for making AJAX requests and React Router for navigation within applications. These tools, combined with React's APIs, will help you build highly performant and scalable applications.
What topics are not covered in this React course?
While the course provides a robust foundation in React and covers many advanced topics, it does not delve into server-side rendering or advanced state management libraries like Redux or MobX. It focuses on React's built-in capabilities, such as Context API for state management, providing a strong base for further exploration into more specialized React libraries.
How much time should I expect to commit to this course?
The course comprises 18 lessons, covering both foundational and advanced React topics. The exact time commitment can vary depending on your familiarity with JavaScript and your pace of study. Given the interactive nature of the projects and challenges, it is advisable to dedicate several hours per week to fully engage with the material and apply what you learn in practical scenarios.