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 Mindfulness Personal Development Personal Transformation Life Purpose Meditation Coaching 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 Big Data
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++ Unreal Engine Blueprints 2D Game Development Blender
30-Day Money-Back Guarantee

This course includes:

  • 14 hours on-demand video
  • 3 articles
  • 3 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
Development Web Development React

React Front To Back

Learn Modern React 16.8+ Including Hooks, Context API, Full Stack MERN & Redux By Building Real Life Projects
Rating: 4.7 out of 54.7 (6,319 ratings)
23,857 students
Created by Brad Traversy
Last updated 1/2021
English
English [Auto], German [Auto], 
30-Day Money-Back Guarantee

What you'll learn

  • Learn Modern React By Building 3 Projects
  • Flux Pattern Using Context & useContext/useReducer Hooks
  • Learn Redux From Scratch
  • Full Stack Development with MERN (MongoDB, Express, React, Node)
  • Suitable For Both Beginners & Intermediate React Developers
Curated for the Udemy for Business collection

Course content

13 sections • 91 lectures • 13h 57m total length

  • Preview03:26
  • What Is React?
    04:03
  • Setting Up Our Environment
    06:07

  • Preview03:22
  • Code & Resources
    00:07
  • Create React App & File Structure
    10:32
  • CRA Cleanup & Prepare
    06:37
  • Intro To JSX & Fragments
    06:22
  • Expressions & Conditionals In JSX
    05:55

  • Components, Props & PropTypes
    10:47
  • Getting Started With Component State
    09:08
  • Lists & Passing State With Props
    08:30
  • Stateless Functional Components
    07:18
  • HTTP Requests & Updating State
    09:05
  • Spinner Component & Refactoring
    07:19
  • Environment Variables
    05:12

  • Events & Search Component
    07:58
  • Passing Props Up & Search
    08:28
  • Clear Users From State
    07:26
  • Alert State & Component
    09:45
  • React Router Setup
    08:43
  • Single User Component & Data
    11:37
  • User Component UI & Layout
    13:10
  • Repos & RepoItem Component & Data
    10:53

  • Overview of Hooks & Context
    07:33
  • Search Class to Function With useState Hook
    07:28
  • User Class to Function With useEffect Hook
    08:30
  • App Class to Function Component
    08:15
  • Implementing Context
    12:39
  • Create Reducer & Actions
    12:28
  • Moving User State To Context
    15:37
  • Moving Repos State To Context
    04:24
  • Alert Context Workflow
    12:56
  • Home & NotFound Components
    04:41
  • Prepare & Deploy To Netlify
    10:38

  • Preview03:35
  • Code & Resources
    00:08
  • MongoDB Atlas Setup
    05:17
  • Dependencies & Basic Express Server
    09:20
  • Backend Routes
    11:17
  • Connect MongoDB To Our App
    08:52

  • User Model & Validation
    11:31
  • Hash Passwords & Register Route
    08:03
  • Create & Respond With JSON Web Token
    06:34
  • Authenticate Route
    09:00
  • Auth Middleware & Protecting Routes
    10:26
  • Contact Model & Get Contacts Route
    06:54
  • Add Contact Route
    08:05
  • Contact Update & Delete Routes
    12:05

  • Setup React & Concurrently
    04:58
  • Cleanup, Navbar & Router Setup
    15:32
  • Contacts Context & Global State
    09:54
  • Contacts & ContactItem Components
    14:22
  • ContactForm Component
    17:13
  • Delete Contact From UI
    05:51
  • Set & Clear Current Contact
    06:50
  • Edit & Update Contact Action
    12:09
  • Contact Filter Form & State
    16:24
  • Basic Add & Delete Animation
    07:12

  • Auth Context & Initial State
    08:30
  • Register & Login Forms
    10:41
  • Alert Context, State & Component
    17:00
  • User Registration
    17:20
  • Load User & Set Token
    15:20
  • User Login
    07:38
  • Logout & Navbar
    08:10
  • PrivateRoute Component
    05:57

  • Add Contact
    10:45
  • Get & Clear Contacts
    14:51
  • Delete Contacts
    04:49
  • Update Contacts
    03:16
  • Prepare & Deploy To Heroku
    13:24

Requirements

  • You should know JavaScript pretty well, including ES6 (Arrow functions, promises, etc)

Description

In this course you will learn to master React 16.8+ concepts including how to create a Flux pattern using the Context API with the useContext and useReducer hooks. We will also build a full stack MERN application with a custom Express backend API that uses JWT (JSON Web Token) for authentication. In addition, we will also create a project that uses Redux.

Here are some of the things you will learn in this course:

  • React Fundamentals (Components, props, state, etc)

  • React Hooks (useState, useEffect, useContext, useReducer, useRef) in real projects

  • Context API & App Level State

  • MERN - MongoDB, Express React, Node

  • Build a Custom API With JWT Authentication

  • Redux - Reducers, Actions, etc

  • Basic Animation

  • Much More...

Who this course is for:

  • Developers looking to learn Modern React 16.8+ with hooks & context, MERN & Redux

Featured review

Hakan Güçlü
Hakan Güçlü
278 courses
20 reviews
Rating: 4.5 out of 54 months ago
This is a good course with beginner friendly projects. The only problem that I had was that sometimes small details were overlooked, which doesn't get in the way of learning very much but still... Studying React is confusing by itself and tiny details can make the process worse. That's why I decreased half a star from my rating, but I would still recommend this course to anyone who's starting to learn React and is looking for a practical approach.

Instructor

Brad Traversy
Full Stack Web Developer & Instructor at Traversy Media
Brad Traversy
  • 4.7 Instructor Rating
  • 98,652 Reviews
  • 254,049 Students
  • 14 Courses

Brad Traversy has been programming for around 12 years and teaching for almost 5 years. He is the owner of Traversy Media which is a successful web development YouTube channel and specializes in everything from HTML5 to front end frameworks like Angular as well as server side technologies like Node.js, PHP and Python. Brad has mastered explaining very complex topics in a simple manner that is very understandable. Invest in your knowledge by watching Brad's 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.