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

Learn to build production-ready web applications using React and Reactive Extensions with this complete course. Understand core concepts and build a solid asset pipeline.

  • Overview
  • Curriculum
  • Instructor
  • Review

Brief Summary

This course is like your backstage pass to the world of web development with React and RXJS. You'll start from the ground up, learning how to master these tools to create awesome applications.

Key Points

  • Introduction to React and RXJS.
  • Project-based learning with real applications.
  • Creating a robust asset pipeline.

Learning Outcomes

  • Understand React.js and its practical applications.
  • Create a full asset pipeline using modern tools.
  • Implement a reactive architecture for web apps.

About This Course

Professional web development using React and Reactive Extensions

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 deploy our 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!

  • 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

Course Curriculum

2 Lectures

Instructors

Profile photo of 3D BUZZ Programming and Digital Art training
3D BUZZ Programming and Digital Art training

3D Buzz is a company dedicated to providing the world with quality technical education over 3D animation, programming, game design, and much more. We have been producing training videos since 2001, always pushing the envelope in the development of informative lessons with an engaging and personable format. We try to make the viewer feel more like they're involved in a...

Instructors

Profile photo of Nelson LaQuet
Nelson LaQuet

Nelson is a software developer with fluency and professional experience in C#, C++, HTML/CSS, JavaScript and PHP.Since 2007 he has worked professionally as a web developer, game developer and app developer in a variety of different languages and platforms.He began teaching programming in 2010 as an instructor for 3dbuzz.com. While at 3dbuzz, he developed training video series, hosted live training...

More Courses By 3D BUZZ Programming and Digital Art training
Review
4.9 course rating
4K ratings
ui-avatar of Lena Dedinska
Lena D.
4.5
1 year ago

a lot of information and good explanation

  • Helpful
  • Not helpful
ui-avatar of Swapnil Jagshettiwar
Swapnil J.
1.5
3 years ago

This section need special course there is so much to convey... so most of the time it went bouncer

  • Helpful
  • Not helpful
ui-avatar of Xavier Alves
Xavier A.
4.0
4 years ago

So far I have 0 background into front-end technologies, so even noticing that some materials are outdated I'm learning new stuff

  • Helpful
  • Not helpful
ui-avatar of Peter Canning
Peter C.
5.0
4 years ago

Good so far.

  • Helpful
  • Not helpful
ui-avatar of Mahesh Kulathunga
Mahesh K.
5.0
5 years ago

i have learnt plenty of new things from this course.thanks for that.

  • Helpful
  • Not helpful
ui-avatar of Nick Mitchell
Nick M.
4.5
6 years ago

Awesome course. Great in depth knowledge and a very pleasant instructor. A few things out of date given the rapid pace of the industry but its great deep dive, and the guys have had a tough time with Cancer and a lot of things.

Kia kaha guys, stay strong and thanks for the gift of knowledge

  • Helpful
  • Not helpful
ui-avatar of Ryo Mac
Ryo M.
1.0
6 years ago

I REALLY wanted to like this course. Unfortunately, the technology the instructor uses is outdated, and he neither updates the course nor answers any questions. Since there is ZERO instructor support, I can't even move forward in the course. If he would answer people's questions, this would probably be a really cool course! In fact, I wish he just remade it with modern technologies. But alas... I can't use this because I got stuck. :S

I bought about 40 udemy courses, and I've never seen a less responsive instructor. The Q&A isn't so much a Q&A as it is a Q&Q. This Goes to show what separates good instructors from ones who just don't care. At all.

Save your money.

  • Helpful
  • Not helpful
ui-avatar of Yolixtly Villegas
Yolixtly V.
3.5
6 years ago

Excellent course for developers with some experience. I do a lot of research on the side to complement the course. I wish questions would be answered. Other than I am excited of getting a grasp of putting together the application

  • Helpful
  • Not helpful
ui-avatar of Uma Mahesh Padisetty
Uma M. P.
3.0
7 years ago

As other people already said, he is rushing with an assumption that people already knew many concepts of web app building.
It would have been better if the author is clear in pre requisites of the course.

  • Helpful
  • Not helpful
ui-avatar of Andrew Anissi
Andrew A.
3.0
7 years ago

What is happening on screen doesn't match what is happening in my environments when instructions are followed precisely. The course did not even mention CORS issues, which I had to figure out and deal with on my own, and now the React Router is not acting as the course video demonstrates. This is really preventing me from getting the most out of this course.

  • Helpful
  • Not helpful
Leave A Reply

Your email address will not be published. Required fields are marked *

Ratings

Courses You May Like

Lorem ipsum dolor sit amet elit
Show More Courses