React.js Quickly: Developing Scalable Web User Interfaces

Start mastering JavaScript framework React.js used by Facebook&Instagram to develop great web/mobile user interfaces
4.3 (72 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.
4,450 students enrolled
$50
Take This Course
  • Lectures 24
  • Length 4 hours
  • Skill Level Intermediate Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 4/2016 English

Course Description

React Quickly is for anyone who wants to learn React.js fast. This hands-on course teaches you the concepts you need with lots of projects. React.js is a JavaScript User Interface library. It's comparable to the View in the Model-View-Controller concept. 

React is simple yet very performant and developer friendly. It's used and maintained by Facebook and Instagram as well as vast open source community.

You'll start with the basics, including how React fits in your application, JSX, and handling states and events. Next, you’ll learn about the core topics like components, forms and data. Then, you’ll dive into React integration topics, like unit testing and isomorphic JavaScript with Express.js, and Gulp. You'll see how to build a single-page application with Reflux, and React using a RESTful API server build on Express.js, Node.js and MongoDB. 

Also, You'll learn how to build a full-blown front-end app with routing by using React Router. Lastly, you'll see how to build an iOS app with React Native without any Objective-C or Swift knowledge, only pure JavaScript!

What are the requirements?

  • JavaScript
  • Web development (basics)
  • Programming

What am I going to get from this course?

  • Use React.js + JSX
  • Perform React Unit Testing
  • Know best practices
  • Implement Isomorphic JavaScript
  • Develop mobile iOS apps
  • Implement React routing
  • Plugin data stores with Reflux
  • Use Babel, Gulp and Webpack
  • Learn React Native fundamentals
  • Learn React Router basics
  • Build native iOS app to display current weather

What is the target audience?

  • This course is for web developers with some JavaScript experience.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Introduction
Preview
04:20
Section 1: Introduction to React with JSX, Meteor and Express
React Quickly Chapter 1 Project: Menu with React
Preview
07:58
React Quickly Chapter 2 Project: Tooltip with React
11:37
React Quickly Chapter 3 Project: Timer with JSX and React
12:04
React Quickly Chapter 4 Project: Rock Paper Scissors with Meteor and React
09:34
Section 2: React, Reflux and Node.js/Express.js Backend
React Quickly Chapter 5 Project: Chat with Meteor and React
14:56
React Quickly Chapter 6 Project: Message Board with Reflux, Express and React
08:12
React Quickly Chapter 6 Project: Message Board with Reflux, Express and React 2
12:17
React Quickly Chapter 6 Project: Message Board with Reflux, Express and React 3
07:38
Section 3: Architecturing React Apps and Testing with Jest
React Quickly Chapter 7 Project: Password Widget with Gulp and React 1
18:25
React Quickly Chapter 7 Project: Password Widget with React 2
08:09
React Quickly Chapter 7 Project: Password Widget with Gulp and React 3
14:42
React Quickly Chapter 7 Project: Password Widget with Gulp and React 4
04:43
React Quickly Chapter 8 Project: Autocomplete Widget with Express and React 1
11:03
React Quickly Chapter 8 Project: Autocomplete Widget with Express and React 2
09:34
React Quickly Chapter 8 Project: Autocomplete Widget with Express and React 3
11:32
React Quickly Chapter 8 Project: Autocomplete Widget with Express and React 4
14:10
Section 4: React Native Quickly: Developer-Friendly iOS Development
Building Weather iOS Mobile App with React Native 1
10:47
Building Weather iOS Mobile App with React Native 2
11:51
Building Weather iOS Mobile App with React Native 3
11:10
Section 5: React Stack with React Router, Webpack, and Babel
React Quickly Chapter 10 Project: Nile Store with Webpack, and React Router 1
08:49
React Quickly Chapter 10 Project: Nile Store with Webpack, and React Router 2
11:01
React Quickly Chapter 10 Project: Nile Store with Webpack, and React Router 3
12:33
Section 6: Outro
Outro
01:02

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Azat Mardan, Author of Apress books on Node&JS, Technology Fellow

Azat Mardan has over 12 years of experience in web, mobile and software development. With a Bachelor's Degree in Informatics and a Master of Science in Information Systems Technology degree, Azat possesses deep academic knowledge as well as extensive practical experience.

Currently, Azat works as Technology Fellow at Capital One Financial Corporation. Before that, Azat worked as a Team Lead / Senior Software Engineer at DocuSign, where his team rebuilds 50 million user product (DocuSign web app) using the tech stack of Nodejs, Expressjs, Backbonejs, CoffeeScript, Jade, Stylus and Redis.

Recently, he worked as an engineer at the curated social media news aggregator website, Storify dot com (acquired by LiveFyre) which is used by BBC, NBC, CNN, The White House and others. Storify runs everything on Nodejs unlike other companies. It's the maintainer of the open-source library jade-browser.

Before that, Azat worked as a CTO/co-founder at Gizmo — an enterprise cloud platform for mobile marketing campaigns, and has undertaken the prestigious 500 Startups business accelerator program.

Prior to this, Azat was developing he developed mission-critical applications for government agencies in Washington, DC, including the National Institutes of Health, the National Center for Biotechnology Information, and the Federal Deposit Insurance Corporation, as well as Lockheed Martin.

Azat is a frequent attendee at Bay Area tech meet-ups and hackathons (AngelHack hackathon '12 finalist with teamFashionMetric dot com).

In addition, Azat teaches technical classes at General Assembly, Hack Reactor, pariSOMA and Marakana (acquired by Twitter) to much acclaim.

In his spare time, he writes about technology on his blog: webapplog dot com which is number one in “expressjs tutorial" Google search results. Azat is also the author of Expressjs Guide, Rapid Prototyping with JS and Oh My JS; and the creator of open-source Nodejs projects, including ExpressWorks, mongoui and HackHall.

Ready to start learning?
Take This Course