Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Personal Transformation Meditation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Data Science
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
2021-01-25 10:10:33
30-Day Money-Back Guarantee
Development Web Development React

The Complete React Developer Course (w/ Hooks and Redux)

Learn how to build and launch React web applications using React, Redux, Webpack, React-Router, and more!
Rating: 4.7 out of 54.7 (18,595 ratings)
66,891 students
Created by Andrew Mead
Last updated 10/2020
English
English [Auto], Polish [Auto], 
30-Day Money-Back Guarantee

What you'll learn

  • Build, test, and launch React apps
  • Use cutting-edge ES6/ES7 JavaScript
  • Setup authentication and user accounts
  • Deploy your React apps live to the web
  • Learn the latest React libraries and tools
  • Master React, Redux, React-Router, and more
Curated for the Udemy for Business collection

Course content

19 sections • 200 lectures • 39h 11m total length

  • Preview04:53
  • "Why should I learn React?"
    Preview05:10

  • Preview00:50
  • Preview01:35
  • Installing Node.js & Yarn
    Preview04:24

  • Preview02:07
  • Preview12:00
  • Preview18:38
  • Preview17:26
  • Exploring JSX
    Preview14:43
  • Preview10:20
  • Conditional Rendering in JSX
    22:34
  • ES6 Aside: const and let
    16:29
  • ES6 Aside: Arrow Functions
    12:36
  • ES6 Aside: Arrow Functions Part II
    19:57
  • Events and Attributes
    16:39
  • Manual Data Binding
    11:52
  • Forms and Inputs
    17:53
  • Arrays in JSX
    14:15
  • Picking an Option
    08:31
  • Build It: Visibility Toggle
    09:10

  • Section Intro: React Components
    01:18
  • Thinking in React
    07:21
  • ES6 Classes: Part I
    20:52
  • ES6 Classes: Part II
    18:07
  • Creating a React Component
    14:36
  • Nesting Components
    05:43
  • Component Props
    13:34
  • Events & Methods
    10:34
  • Method Binding
    11:24
  • What Is Component State?
    06:50
  • Adding State to Counter App: Part I
    08:18
  • Adding State to Counter App: Part II
    11:00
  • Alternative setState Syntax
    07:15
  • Build It: Adding State to VisibilityToggle
    08:13
  • Indecision State: Part I
    17:06
  • Indecision State: Part II
    14:33
  • Summary: Props vs. State
    03:41

  • Section Intro: Stateless Functional Components
    00:54
  • The Stateless Functional Component
    13:47
  • Default Prop Values
    09:49
  • React Dev Tools
    07:03
  • Removing Individual Options
    16:22
  • Lifecycle Methods
    10:07
  • Saving and Loading Options Data
    14:36
  • Saving and Loading the Count
    10:34

  • Section Intro: Webpack
    01:15
  • What Is Webpack?
    09:06
  • Avoid Global Modules
    08:25
  • Installing & Configuring Webpack
    16:31
  • ES6 import/export
    18:32
  • Default Exports
    11:18
  • Importing npm Modules
    11:28
  • Setting up Babel with Webpack
    09:27
  • One Component per File
    18:12
  • Source Maps with Webpack
    05:16
  • Webpack Dev Server
    08:48
  • ES6 class properties
    17:33

  • Section Intro: Using a Third-Party Component
    01:13
  • Passing Children to Component
    06:25
  • Setting up React-Modal
    18:45
  • Bonus: Refactoring Other Stateless Functional Components
    02:25

  • Section Intro: Styling React
    00:49
  • Setting up Webpack with SCSS
    13:16
  • Architecture and Header Styles
    14:48
  • Reset That $#!*
    04:58
  • Theming with Variables
    14:18
  • Big Button & Options List
    15:24
  • Styling the Options List
    14:13
  • Styling Option Item
    16:40
  • Styling React-Modal
    18:00
  • Mobile Considerations
    12:57
  • Bonus: Favicon
    02:53

  • Section Intro: React Router
    02:49
  • Server vs. Client Routing
    04:39
  • Setting Up Budget App
    06:54
  • React-Router 101
    20:13
  • Setting up a 404
    05:58
  • Linking Between Routes
    14:08
  • Organizing Our Routes
    12:30
  • Query Strings and URL Parameters
    09:10
  • Build It: Router for Portfolio Site
    18:27

  • Section Intro: Redux
    01:35
  • Why Do We Need Something Like Redux?
    13:33
  • Setting up Redux
    07:53
  • Dispatching Actions
    13:00
  • Subscribing and Dynamic Actions
    09:35
  • ES6 Object Destructuring
    15:49
  • ES6 Array Destructuring
    10:38
  • Refactoring and Organizing
    16:41
  • Reducers
    12:05
  • Working with Multiple Reducers
    13:40
  • ES6 Spread Operator in Reducers
    17:36
  • Spreading Objects
    14:36
  • Wrapping up Our Reducers
    09:52
  • Filtering Redux Data
    16:54
  • Sorting Redux Data
    06:14

Requirements

  • A computer on which you can install software (Windows, MacOS, or Linux)
  • An understanding of core JavaScript (functions, objects, arrays, callback functions)

Description

This course was just updated to support React v16, React Hooks, the Context API, and more!

--

Have you tried to learn React before?

It’s easy to go down the rabbit hole of libraries and tools only to come out of it not knowing how to build and launch a real-world React application. You get things configured, but you’re not sure how the libraries fit together (or if you’re even using the right one).

Sound familiar?

I built this course to show you how you can build and launch real-world React web applications.

The Complete React Web Developer Course 2 starts with the fundamentals and covers everything you’ll need to build and launch React web apps.

You’ll see what it takes to build and launch a React app, from the first line of code to the final production deployment.

This course was designed around one goal: turning you into a professional React developer capable of developing, testing, and deploying real-world production applications.

You’ll learn React by doing, not watching.

From the first videos you’ll be building out each project as well as completing programming challenges I’ve designed to test and reinforce what you’ve learned.

Throughout the course you’ll build two React web apps:

  1. The first app, a decision-making app called Indecision, is our starter application. You’ll learn the fundamentals of React while seeing exactly what it takes to get a React app up and running.

  2. The second app, an expense manager called Budget, has all the features you’d expect from a real application. You’ll set up authentication, user accounts, routing, testing, form validation, database storage, and more.

Stay up-to-date in an ever changing world.

The world of React changes fast, and that’s why I’m always working to keep this course as up-to-date as possible. You can jump in knowing you’re getting access to hot-off-the-press features.

Everything you need comes in one easy-to-use package.

There’s no need to worry if you’re learning the right skills to land that React job or launch that React app. I’ve mapped out everything you need to know in an interactive easy-to-follow package designed to get you up and running in a couple of weeks.

There’s no better time to learn React.

React’s not going anywhere. Companies like Facebook, Walmart, Uber, Airbnb, and Netflix are all using React in production right now.

They’ve also made heavy investments in the React ecosystem, creating new libraries and tools that speed up and simplify React development. From the biggest to the smallest, everyone’s using React and new jobs are popping up every day.

Get access to fast support if you get stuck.

There’s nothing worse than getting stuck ten hours into a course and not getting the help you need to continue. Getting stuck is part of the learning process. That’s why I’m here to answer every single question.

I’ll work with you to get you unstuck and back on track. It’s one of the reasons students love taking my courses:

“This is the absolute best course I've taken on udemy. Andrew is amazing at explaining things concisely, and the flow of the course is perfect. He doesn't skip over anything and he doesn't over-explain anything. On top of all that, he responds to questions so quickly that you won't be stuck at any point." - Tanya Gamarian

"The lessons are of high quality and even more important, he actually takes time to answer your questions!" - Thomas Vercamer

"The instructor does an excellent job in explaining how to build React Apps. He also responds quickly to any questions that are asked." - Matt Willy

I guarantee that this is the most up-to-date and engaging React course available, and it comes with a Udemy 30-day money-back guarantee.

Over eighteen sections you’ll learn:

  1. React

  2. Redux

  3. React-Router

  4. Webpack

  5. Babel

  6. Testing with Jest

  7. Enzyme

  8. App Debugging

  9. App Deployment

  10. Firebase

  11. Authentication

  12. Git/GitHub

  13. ES6/ES7

  14. And many more tools

I can’t wait to see you on the inside!

- Andrew

Who this course is for:

  • Anyone looking to launch their own React applications, switch careers, or freelance as a React developer

Featured review

Mohammad Rahman
Mohammad Rahman
27 courses
6 reviews
Rating: 5.0 out of 55 months ago
Andrew Mead is an excellent instructor. The course presentation is outstanding. This course is not just someone delivering or sharing their knowledge, a student will receive a good overall guidance and teaching. I highly recommend this course. However, if you have some knowledge of React you can still enjoy the course. This course also has focused on testing and refactoring code which is an useful thing to learn.

Instructor

Andrew Mead
A Full-stack Developer & Teacher
Andrew Mead
  • 4.7 Instructor Rating
  • 88,666 Reviews
  • 322,794 Students
  • 4 Courses

I'm Andrew, a full-stack developer living in beautiful Philadelphia!

I launched my first Udemy course in 2014 and had a blast teaching and helping others. Since then, I've launched 3 courses with over 110,000 students and over 18,000 5-star reviews.

I currently teach JavaScript, React, and Node.

Before I ever heard about Udemy or thought about teaching, I created a web app development company. I've helped companies of all sizes launch production web applications to their customers. I've had the honor of working with awesome companies like Siemens, Mixergy, and Parkloco.

I have a Computer Science degree from Temple University, and I've been programming for just over a decade. I love creating, programming, launching, learning, teaching, and biking.

I can't wait to see you inside one of my courses!

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.