Hello React - React Training for JavaScript Beginners
4.7 (82 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1,820 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Hello React - React Training for JavaScript Beginners to your Wishlist.

Add to Wishlist

Hello React - React Training for JavaScript Beginners

React Training for Those Who Don't Code Good
New
4.7 (82 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1,820 students enrolled
Created by Rob Merrill
Last updated 9/2017
English
Current price: $10 Original price: $160 Discount: 94% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 6 hours on-demand video
  • 4 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Know the fundamentals of ReactJS
  • Unidirectional Dataflow in React
  • JSX
  • ES6 Classes
  • Functional Components
  • State
  • Props
  • Map
  • Filter
  • JavaScript
  • Ajax Requests
  • Lifecycle Methods
View Curriculum
Requirements
  • Atom text editor or another of your choice
  • At least six months using HTML/CSS/JavaScript
Description

Welcome to Hello React. This is aimed towards those who are new to JavaScript development and while you may not have mastered JavaScript you want to learn more about using the React library. React has a steep learning curve for new developers. If you have found yourself quickly overwhelmed by the React Docs or other React tutorials then this is the course for you. This isn't the only React course you should take but it should be your first.

If you are an experienced developer. This course is too easy for you. Please don't take it. This course is for people who are new to programming. This isn't for experienced coders changing from one coding language to another or for experienced JavaScript developers looking to pick up a new framework. 

Here is what I will provide for you:

  • A React course you can actually finish. A React course you can actually understand. A React course that moves step by step with no steps skipped.
  • Reviews. Lot's of reviews.
  • Challenges. Lot's of challenges.
  • Mini-projects. Lot's of mini-projects.
  • This course assumes a light knowledge of HTML, CSS and JavaScript. However, if you have been using any of those technologies for at least a couple months you will be in good shape for this course.

To steal the words from Zoolander. This is a React course for "those who don't code good."

Here is why this course stands out:

  • This will be the slowest moving React course you will find.
  • This will focus on the basic fundamentals that could be of great help in future React courses you might take or understanding the React Docs.
  • This is not a "zero to hero" course. Those don't really work. This is a "zero to 20mph" kind of course.
  • I will take for granted as little as possible in teaching sections and reinforcing what we have learned.
  • This isn't a code along course alone. Through lots of challenges and repetition you will be able to take everything we learn and build with it. You won't wide up with an elaborate project for your portfolio that you don't understand.
  • I will filter through and synthesize large and complex React concepts and break them down to a practical beginner level.
  • We will build slow, but you will understand what we are doing.
  • We aren't going to build one big app but many smaller applications where you learn key concepts.
  • Repetition, Repetition, Repetition. We will repeat things a lot.

My first attempt to learn React was when I had been coding for just about six months. I bought several books and paid for several online subscriptions but those resources quickly reached a level that I found myself just typing in the code I was seeing without any comprehension in regards to what was going on or how I could replicate this myself.

Even the docs went over my head and so did many of the use cases. I spent hours and hours trying to sort through material that would allow me to get a hold of concepts at my level. I couldn't, so I gave up.

I want to spare you the hours and hours of research you might invest only to hit constant dead ends and have material presented to you with too much assumed knowledge.

That's why I created this course for you!

It's time to say "Hello World" in React!

Who is the target audience?
  • New developers
  • Those who are newer to development trying to overcome the steep learning curve of React
Compare to Other React Courses
Curriculum For This Course
56 Lectures
05:57:09
+
React Environment
7 Lectures 39:23

Course Code
00:03

Challenge - Using JSX
08:49

Code Refactor
03:01

Rendering One Element
03:54

Outputting Multiple Elements
04:20

Babel and React
07:07
+
Components in React
4 Lectures 21:04

Stateless Functional Components Practice
04:17

Creating Class Components
06:16

Class Components Practice
03:27
+
Styling in React
3 Lectures 26:09
Styling Stateless Functional Components
08:04

Styling within Component
09:29

Styling Class Components
08:36
+
Capstone Project - FriendLy
5 Lectures 28:20

Setting Up the Project
06:11

Building Our Components
03:50

Styling Our Components Part One
06:39

Styling Our Components Part Two
05:30
+
JavaScript Review - Objects
4 Lectures 19:24
Object Literal Notation
05:55

Object Literal Notation Lab
03:54

Accessing Values with Dot and Bracket Notation
04:54

Accessing Values with Dot and Bracket Notation Lab
04:41
+
Section 5: Props
11 Lectures 49:35

Props part 2 - Class Components
05:51

Props part 3 - Color Spectrum Refactor
07:48

Codepen Challenges
00:08

Codepen challenge 1
03:36

Codepen challenge 2
02:30

Codepen challenge 3
05:25

Codepen challenge 4
03:17

Codepen challenge 5
03:33

Capstone Project - Image Links
00:12

Props Project
10:05
+
Functional Programming
4 Lectures 32:23
Functional Programming - Filter
09:28

Filter Lab
08:29

Map
07:17

Map Lab
07:09
+
Iterating Through Lists
7 Lectures 39:31
Iterating Through Lists
10:10

Iterating Through Lists part 2
01:59

Filter and Map Method on an Array
04:20

Rendering Two Filtered and Transformed Lists to the DOM
07:15

Codepen challenge 1
04:32

Codepen challenge 2
04:20

Color Spectrum Refactor
06:55
+
Capstone Project One - Refactor
2 Lectures 14:10
FriendLy App Refactor with Map Method
07:16

FriendLy - Filter and Map Two Lists to the DOM
06:54
+
Bonus
1 Lecture 00:24
Further React Learning
00:24
4 More Sections
About the Instructor
Rob Merrill
4.6 Average rating
850 Reviews
5,979 Students
2 Courses
Full Stack JavaScript Developer

Rob Merrill is a Full Stack JavaScript Developer. His specialty is in the MEAN stack focusing on AngularJS, NodeJS, ExpressJS and MongoDB. He is currently working as a Platform Specialist at Subsplash in Seattle, WA.

He is a graduate of Code Fellows Advanced Full Stack JavaScript Development course and has been developing with JavaScript for three years.  

In his spare time he travels around Seattle's finest craft breweries with his wife and their dog.