HOT

React.js: Building Production Ready Apps, Start to Finish

Development

Rating4.2
Enroll Now

React.js: Building Production Ready Apps, Start to Finish, available at $34.99, has an average rating of 4.2, with 77 lectures, based on 208 reviews, and has 1450 subscribers.

You will learn about Understand the core concepts of React.js, and learn how to apply them to REAL web applications or games Truly understand the benefits of a uni-directional, reactive, event based architecture and the related patterns Build a production-quality build pipeline for our client, server, and test code with WebPack, Babel, Jasmine, and Gulp This course is ideal for individuals who are This course is NOT an introduction to JavaScript or You MUST understand JavaScript syntax or Familiarity with the language features of ES2015 is a plus, but not required (you'll get plenty of practice!) or This course is for people who want to learn how to use React.js to create production-ready applications and games or This course is ESPECIALLY for people who want to build reactive, real-time applications in JavaScript, using React, ReactiveExtensions, and socket.io! or To get the most out of this course, it is HIGHLY recommended that you follow along with implementing the project during the course (source code is provided if you get stuck) It is particularly useful for This course is NOT an introduction to JavaScript or You MUST understand JavaScript syntax or Familiarity with the language features of ES2015 is a plus, but not required (you'll get plenty of practice!) or This course is for people who want to learn how to use React.js to create production-ready applications and games or This course is ESPECIALLY for people who want to build reactive, real-time applications in JavaScript, using React, ReactiveExtensions, and socket.io! or To get the most out of this course, it is HIGHLY recommended that you follow along with implementing the project during the course (source code is provided if you get stuck).

Enroll now: React.js: Building Production Ready Apps, Start to Finish

Summary

Title: React.js: Building Production Ready Apps, Start to Finish

Price: $34.99

Average Rating: 4.2

Number of Lectures: 77

Number of Published Lectures: 77

Number of Curriculum Items: 77

Number of Published Curriculum Objects: 77

Original Price: $39.99

Quality Status: approved

Status: Live

What You Will Learn

  • Understand the core concepts of React.js, and learn how to apply them to REAL web applications or games
  • Truly understand the benefits of a uni-directional, reactive, event based architecture and the related patterns
  • Build a production-quality build pipeline for our client, server, and test code with WebPack, Babel, Jasmine, and Gulp

Who Should Attend

  • This course is NOT an introduction to JavaScript
  • You MUST understand JavaScript syntax
  • Familiarity with the language features of ES2015 is a plus, but not required (you'll get plenty of practice!)
  • This course is for people who want to learn how to use React.js to create production-ready applications and games
  • This course is ESPECIALLY for people who want to build reactive, real-time applications in JavaScript, using React, ReactiveExtensions, and socket.io!
  • To get the most out of this course, it is HIGHLY recommended that you follow along with implementing the project during the course (source code is provided if you get stuck)

Target Audiences

  • This course is NOT an introduction to JavaScript
  • You MUST understand JavaScript syntax
  • Familiarity with the language features of ES2015 is a plus, but not required (you'll get plenty of practice!)
  • This course is for people who want to learn how to use React.js to create production-ready applications and games
  • This course is ESPECIALLY for people who want to build reactive, real-time applications in JavaScript, using React, ReactiveExtensions, and socket.io!
  • To get the most out of this course, it is HIGHLY recommended that you follow along with implementing the project during the course (source code is provided if you get stuck)

This course is a complete view into building production ready applications using React and Reactive Extensions!

React is a view library created by Facebook that has taken the JavaScript community by storm over the last few years. It’s largely responsible for a paradigm shift in web development, emphasizing the creation of reusable, modular components that are easy to understand and manipulate. Used properly, React can eliminate most, if not all, of the error-prone, long-winded, DOM manipulation code you may have had to write in the past!

Reactive Extensions (RXJS) is a library that allows us to write reactive code in JavaScript. As you’ll see in this course, RXJS and React go hand in hand to provide a complete, modern, easy to understand architecture for our applications. While we use RXJS in lieu of Redux or Flux, inspiration from both are heavily borrowed; so you will leave this course with a leg up in understanding the core principles of those patterns as well!

This series is a project-based look at using all of the technologies that are becoming commonplace in the web development world. We use Gulp, WebPack, Babel, SASS, and Jasmine to put together a real-world asset pipeline that will support the development and deployment of our application.

This course has four main sections:

  • React Primer: we start with an introduction to React terminology and syntax by putting together a few simple applications.
  • Asset Pipeline:next, we begin our main project in this course by wiring together Gulp, WebPack, Babel and SASS in order to create an asset pipeline that is necessary to support a React application.
  • Project Client:the “meat” of this course; in this section we build all of our client-side code, and use RXJS and React to establish the architecture that will support our project.
  • Project Server: the final main section will focus on the creation of a socket-io server that will provide all of the server-side logic of our application.

Finally, at the end of this course, we will deployour application to a free Heroku hosting account!

The goal of this course is simple: to be a start to finish, end to end, complete look at how we can architect an application properly using modern patterns and techniques while taking advantage of the React library!

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: React Overview

Lecture 3: Shadow DOM

Chapter 2: React Primer

Lecture 1: Setting Up

Lecture 2: Components and the Shadow DOM

Lecture 3: Introduction to JSX

Lecture 4: State and Events: Part 1

Lecture 5: State and Events: Part 2

Lecture 6: Todos: Part 1 – Checkbox

Lecture 7: Todos: Part 2 – Stateless Components

Lecture 8: Todos: Part 3 – Lists

Lecture 9: Todos: Part 4 – Events

Lecture 10: Todos: Part 5 – Forms and Lifecycle

Lecture 11: Conclusion

Chapter 3: Project: Asset Pipeline

Lecture 1: Introduction

Lecture 2: Folder Structure

Lecture 3: Babel Installation

Lecture 4: Eslint Configuration

Lecture 5: Eslint with Visual Studio Code

Lecture 6: Build: Server

Lecture 7: Watch and Run: Server

Lecture 8: Watch and Run: Tests

Lecture 9: HTTP Server

Lecture 10: Webpack: Installation

Lecture 11: Webpack: Basic Configuration

Lecture 12: Webpack: Production and Gulp Builds

Lecture 13: Webpack: Dev Server

Lecture 14: Webpack: HMR 1 – Styles

Lecture 15: Writing React Components

Lecture 16: Webpack: HMR 2 – Scripts

Lecture 17: Debugging in Chrome and Visual Studio Code

Lecture 18: Debugging Node with Visual Studio Code

Lecture 19: Project Structure Overview

Chapter 4: Project: Client

Lecture 1: Introduction

Lecture 2: Packages and Setup

Lecture 3: React Router

Lecture 4: Global Page Styles

Lecture 5: Lobby: Part 1 – Game List

Lecture 6: Text Input Component

Lecture 7: Lobby: Part 2 – Chat

Lecture 8: Architecture Overview

Lecture 9: Dispatcher: Part 1 – Tests

Lecture 10: Dispatcher: Part 2 – Implementation

Lecture 11: Store Stubs

Lecture 12: Container Base

Lecture 13: Dialogs: Part 1 – Action and Store

Lecture 14: Dialogs: Part 2 – Rendering and Styles

Lecture 15: Print Action Utility

Lecture 16: Login Dialog

Lecture 17: Operations

Lecture 18: Lobby: Part 3 – Operations

Lecture 19: Hooking up our Router

Lecture 20: Game Store

Lecture 21: Game Sidebar

Lecture 22: Game Component

Lecture 23: Game Setup Component

Lecture 24: Game Setup Styles

Lecture 25: Game Board

Lecture 26: Card Component

Lecture 27: Stacks Component

Lecture 28: Player Hand

Chapter 5: Project: Server

Lecture 1: Introduction

Lecture 2: Architecture Overview

Lecture 3: Diff: Part 1 – Tests

Lecture 4: Diff: Part 2 – Arrays

Lecture 5: Diff: Part 3 – Objects

Lecture 6: Merge

Lecture 7: Card Database

Lecture 8: Socket.io / Client / Application

Lecture 9: App Store and Views

Lecture 10: Lobby

Lecture 11: Game Stub

Lecture 12: Game Setup

Lecture 13: Game Logic

Lecture 14: Game State Machine and Conclusion

Chapter 6: Deployment and Conclusion

Lecture 1: Deploying to Heroku

Lecture 2: Conclusion

Instructors

Rating Distribution

  • 1 stars: 10 votes
  • 2 stars: 6 votes
  • 3 stars: 20 votes
  • 4 stars: 60 votes
  • 5 stars: 112 votes

Frequently Asked Questions


How long do I have access to the course materials?


You can view and review the lecture materials indefinitely, like an on-demand channel.


Can I take my courses with me wherever I go?


Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

You may also like

Google Ads MasterClass – All Advanced Features

Video Marketing Masterclass

Pinterest Marketing from A to Z for Beginners