Learn React by building and deploying production ready app
4.4 (383 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
11,081 students enrolled

Learn React by building and deploying production ready app

Concise course for seasoned javascript developers, who are new to React or want to strengthen their React skills.
4.4 (383 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
11,081 students enrolled
Created by Dimi Mikadze
Last updated 10/2018
English
English [Auto-generated]
Current price: $48.99 Original price: $69.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 2.5 hours on-demand video
  • 3 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • By end of this course you'll be able to build React applications from scratch and many of the features we are going to build, is common to other React apps, so you can apply them to other projects you'll build in the future.
Course content
Expand 17 lectures 02:21:56
+ Introduction
17 lectures 02:21:56

In this video we'll review what tools we'll need and how to setup our working environment, to make sure that we all are on the same page.

Preview 08:42

In this video we'll learn how to create React components and how to render them.

Preview 03:05

In this section, we'll learn JSX, which is syntax extension to Javascript and it's recommended way for describing UI in React.

Component UI with JSX
03:16

In this video we'll learn how to style React components.

Style React components
04:35

In this section we'll learn what Reacts state is and it's lifecycle methods.

State and Lifecycle
07:56

In this video we'll learn how to fetch and display data in components.

Ajax with fetch and Displaying state
12:36

In this video, we'll learn props type checking using PropTypes.

Props and typechecking with PropTypes
06:20

Handling events with React elements is very similar to handling events on DOM elements, but there are some syntactic differences, that we'll learn in this video.

Handling Events
14:28

In this video, we'll learn how to integrate React Router 4 in our project.

React Router
11:16

In this video we'll recall everything we've learned so far by creating Detail component.

Building detail component
15:07

In this lesson we'll start working on a search autocomplete component and by creating it, we'll learn how to work with forms in React.

Working with forms
20:12

In this section we'll finish building our application, by building autocomplete component.

Autocomplete component
11:58

In this video, we'll learn how to optimise and run our app in production mode.

Build app for production
06:26

In this section, we'll learn how to deploy and run correctly our app at Heroku. Click downloadable materials to download static.json file.

Deploy to Heroku
03:34

In this section, we'll learn how to deploy and run correctly our app at Now.sh.

Deploy to Now
05:48

In this section, we'll learn how to deploy and run correctly our app at Amazon web services. Click downloadable materials to download bucketPolicy.json file.


Deploy to Amazon web services
02:42

In this section, we'll learn how to deploy and run correctly our app at Azure. Click downloadable materials to download web.config file.


Deploy to Azure
03:55
Requirements
  • Good knowledge of javascript programming language.
Description

/!\ This course is not for everyone /!\

If you are seasoned javascript developer and you want to get familiar with React, in a couple of hours then this course is for you. This bite size course gets to the point and delivers practical knowledge, instead of tedious long hour courses. i teach by doing and prefer to show instead of tell, hence this course doesn't contains boring slides, filled with bullet points.

What you will learn

We'll start by mastering the fundamentals of React, including JSX, "props", "state", eventing and gradually move to advanced topics like "routing", fetching data from real "API", working with Forms, building application for production and it's deployment to various cloud servers.

App we are going to build uses Real API to get up to date financial data about crypto currencies. We'll learn how to read API documentation and how to use it with React, to create functionalities like pagination and autocomplete search. We'll get familiar with structuring real world React apps, styling React components and learn new features of javascript ES6.

By end of this course you'll be able to build React applications from scratch and many of the features we are going to build, is common to other React apps, so you can apply them to other projects you'll build in the future.

Teacher
My name is Dimi Mikadze, a Full Stack Javascript Engineer. i'm one of the early adopters of React and have built many large production ready applications with it. I've recorded this course to share that knowledge and experience i've gained in that time.


Who this course is for:
  • If you are seasoned javascript developer and you want to get familiar with React, in a couple of hours then this course is for you