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+ Microsoft AZ-900
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 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 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++ Unreal Engine Blueprints 2D Game Development Blender
30-Day Money-Back Guarantee

This course includes:

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

React From The Ground Up

Learn React JS - this course covers all you need in order to use ReactJS in new and existing projects
Rating: 4.1 out of 54.1 (718 ratings)
4,246 students
Created by Tim Knight
Last updated 7/2017
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Understand how ReactJS works and how to use it
  • Develop amazing React and Redux applications from the ground up - with full understaning
  • Build a React application using an external API
  • Build ReactJS components
  • Use ReactJS in existing projects
  • The confidence to tackle any challenge with React

Course content

12 sections • 62 lectures • 12h 35m total length

  • Preview01:22
  • Why ReactJS?
    04:45
  • Getting setup
    01:49
  • Prerequisites
    00:58
  • Getting Help
    01:23

  • Update to the required scripts!
    00:15
  • Preview05:18
  • Preview06:56
  • Create Class
    08:48
  • Aside - The let keyword
    11:50

  • Props
    18:04

  • State within React components
    11:22
  • State Challenge
    04:15
  • State Challenge Build
    10:48
  • State Challenge Refactor 1
    05:48
  • State Challenge Refactor 2
    14:35

  • Stateless functional components
    13:18

  • The component lifecycle part 1
    15:12
  • The component lifecycle part 2
    15:06
  • Component lifecycle update methods
    22:44

  • Preview20:27
  • Stateless functional components in ES6
    06:15
  • ES6 Challenge
    00:53
  • ES6 Challenge build
    12:03
  • Higher Order Components
    22:35

  • Please note we are using Webpack Version 1 Not version 2
    00:09
  • Project setup - nodejs
    21:54
  • Webpack Configuration
    26:16

  • JSX Transformer
    35:35
  • Create React App
    13:34
  • PokeDashboard Making API Calls
    28:37
  • PokeDashboard PokeList
    17:51
  • PokeDashboard Pagination
    18:21
  • PokeDashboard Items Per Page
    22:26
  • PokeDashboard Refactor & Pokemon Index List
    20:39
  • PokemonDashboard Pokemon Modal
    14:18
  • PokemonDashboard Radar Chart
    25:27
  • PokemonDashboard Image & Tidy Up
    10:51

  • Redux What Is It & Why Should You Use It?
    01:45
  • Single Source Of Truth
    05:20
  • State is Read-Only
    06:58
  • Changes Are Made With Pure Functions
    13:55
  • Plain JavaScript & Redux Example
    26:12
  • Recap And Some Best Practice
    12:23
  • Using Multiple Reducers
    20:54
  • ES6 Setup for Redux
    11:05
  • Middleware
    10:22
  • External Middleware
    03:02
  • Async Actions
    16:21
  • Async Actions With Promises
    05:42
  • Getting Setup With React
    10:49
  • Redux Containers
    13:25
  • Ajax Calls In Redux Containers
    11:49
  • User List React Component
    10:35
  • Please note we are using React Router version 3
    00:01
  • React Router
    10:49
  • User Profile Container & Component
    15:01
  • Implementing React Router Part 1
    10:56
  • Implementing React Router Part 2
    13:28
  • Implementing React Router Part 3
    15:25

Requirements

  • Basic JavaScript
  • HTML
  • CSS

Description

**** NEW REACT REDUX CONTENT ADDED 12th SEPTEMBER 2017!!  ****

React version 15.5.4 update now included!

Now with BONUS Redux tutorial!

AND Bonus React Router tutorial!

New content added every month - Just ask for a topic to be covered and I will do a video on it!

Join over 2000 satisfied students taking the best ReactJS course out there.

Over 100 5 star reviews!! 

⭐⭐⭐⭐⭐  I never leave comments but thought I should share that this is best tutorial i've done on Udemy so far. Besides the great job of teaching react from the basics to advanced he goes really slow and explains every additional tool used, even things most should know. If you already know about the tools you might even learn something new like I did.

-- Chiedu Okpala

⭐⭐⭐⭐⭐  So I needed to learn React in order to build and pitch a prototype to the business I work for. We are trying to take our current offline application online and in talks we decided React would be a good choice for taking the next steps. Tim is very articulate and easy to understand and takes the time necessary to explain things in lamens terms. Would highly recommend this to anyone looking to learn React and/or Redux, especially if you're not an experienced Javascript developer. Glad that he takes the time to show how each thing works by itself and then ties them all together in the end into a full working app that can become your template for a new project. Thank you so much, Tim!

-- Brett Connolly

⭐⭐⭐⭐⭐  This course is a great place to start with ReactJS. Well laid out and easy to setup and start producing ReactJS sites. Instructor walks you through what is happening in the background and explains in terms that make it simple to understand.

-- Doug Brown

⭐⭐⭐⭐⭐  I really like how the course steps through everything and clearly shows how everything connects. The pacing was perfect for me and my favorite part was the transition to ES6.

-- Sarah Huynh

⭐⭐⭐⭐⭐  As a beginner, I found this course to be extremely easy to pick up and much less intimidating than I thought it would be. Tim is great at leading you along the way, while still giving out challenges that make you think.

-- Brent Busby

⭐⭐⭐⭐⭐  Amazing course that covers a large amount of material very well. I never knew all of the power that React had until now. I recommend this course for anyone who knows none/a little about React. Great foundation course and is still being updated. Great job!

-- Benjamin Glunz

This tutorial will take you through everything you need to know to master web development using ReactJS.

React is a hugely in demand framework and having the knowledge of React that this course will teach you will set you apart from other candidates. If you've got a great idea that you want to turn into a business React is a great choice to build your application with and React From The Ground Up will teach you everything you need to make amazing applications with React.

We will cover ReactJS, ES6, Webpack, Redux and build some fantastic projects that demonstrate exactly how to use ReactJS in modern web development.

Getting a great understanding of React JS will get you into a position to build fantastic, well built personal and professional projects. It will also put you in high demand for employers where knowing and understanding ReactJS will put you ahead of everyone else.  

This course starts from the beginning of ReactJS and is done in a way that means from the first video you start building with React. Only when we enter the projects section will you need to setup your environment, but by then you will know exactly what you're doing.

We'll start by mastering the fundamentals of React, including JSX, “props", “state", and eventing. Source code is provided for each lecture, so you will always stay up-to-date with the course pacing. 

Throughout the course you will build mini projects with React then move onto build a Pokemon dashboard application that will put your new found React skills into practice. We will then build an application that teaches you all the principles behind Redux and how you can confidently and easily use React with Redux to build applications.

If you are new to React or maybe you've been struggling to learn and truly understand whats going on then this course is for you. You will be confident in using ReactJS in no time at all and if you ever get stuck I will be there to help.

I built this course as I felt the current resources out there expected you to already have a great understanding of how React works to even get started so I've made this course as simple as possible in order to take you through step by step so you can feel confident and get a truly good understanding of how to utilise ReactJS.

By the end of this course you will be more than confident in using ReactJS in any project!

Who this course is for:

  • People looking to move on from JQuery
  • Ideally you will know some JavaScript, HTML & CSS but are wanting to learn some more advanced JavaScript
  • Experienced developers looking to learn a new framework
  • All levels are welcome however if you're an absolute beginner & aren't familiar with HTML and JavaScript you should cover the basics in those topics first
  • Front End developers
  • Those learning more advanced JavaScript
  • Those wanting to learn a front end framework

Instructor

Tim Knight
Web developer & designer with a passion for teaching coding.
Tim Knight
  • 4.3 Instructor Rating
  • 718 Reviews
  • 6,190 Students
  • 1 Course

I'm a web developer who has always been frustrated with the lack of quality and well explained tutorials on new technologies. I'm here to change that by giving you great tutorials on the technologies you want to learn. I strive to produce the best content and to always support my students.

  • 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.