React JS | React.js with Flux & JSX, Web Developers build Facebook Way

React. JS Course Description

ReactJS is the powerful JavaScript library, takes a new, component-based approach to building user interfaces, created to handle user interfaces for web applications. It allows developers to handle the major challenges faced while building user interface for dynamic web applications. The react handles only the view of the MVC pattern and can be used together with other back end frameworks such as Angular and Node. You can also use React addons to build non UI parts in react. This technology has been widely used across industry and sites like AirBnB, Imgur and Feedly are actively using it.

Learn how React.js creates its own virtual DOM where your components actually live. This virtual DOM approach gives enormous flexibility and amazing gains in performance because React.js calculates what changes need to be made in the DOM beforehand and updates the DOM tree accordingly. React.js avoids costly DOM operations and makes updates in a very efficient manner.

Join this React.js training to the depth and breadth and add a valuable tool to your web toolkit.


React.JS Course Learning Outcomes

  • Set up a simple command-line workflow with JSX.
  • Learn React?s lifecycle for managing a component?s creation, re-rendering, and destruction.
  • Understand the details (and perils) of using React's tools for giving components local state.
  • Know how to interact with an API using Facebook’s Flux pattern.
  • Learn how to run React code on the server as well as the client.
  • Know two methods for making the server-side app respond to different URLs.

React. JS Training - Suggested Audience

Professionals who want to rapidly learn to design and deploy responsive websites and web apps that looks great and works fantastic on variety of browsers and devices. Suggested attendees based on our past programs are:

  • Front End Developers.
  • Full Stack Developers.
  • Designers.
  • Architects.


React.JS Training Duration

  • Open-House F2F (Public): 1 day
  • In-House F2F (Private): 1 day, for commercials please send us an email with group size to hello@pincorps.com


React. JS Training - Prerequisites

There are no pre-requisites for this training course however, basic knowledge of HTML and web designs concepts would be an added advantage.

Course Features

  • Lectures 7
  • Quizzes 1
  • Duration 08-10 hours
  • Skill level Intermediate
  • Language English
  • Students 20
  • Certificate Yes
  • Assessments Self

Introduction

  • Why React
  • Setting up


Basic Building

  • A whole widget


JSX

  • Jumping Into JSX
  • JSX and Props


Interactivity, With Two Twists

  • The React life cycle
  • Local State
  • A More Interactive Component
  • Working With a Model


The Flux Pattern

  • What's The Flux?
  • Writing Our Own Spinner
  • A Quick Side Trip Into Inline Styles
  • Actions and the Dispatcher
  • Consuming From the Store


Isomorphic Apps

  • A Brief around The Server
  • Multiple Routes and Other Concerns


The Future

  • From Mixins to ES6
  • Testing and Animation
Keny White

Professor

Keny White is Professor of the Department of Computer Science at Boston University, where he has been since 2004. He also currently serves as Chief Scientist of Guavus, Inc. During 2003-2004 he was a Visiting Associate Professor at the Laboratoire d'Infomatique de Paris VI (LIP6). He received a B.S. from Cornell University in 1992, and an M.S. from the State University of New York at Buffalo.

Bachelor

After working as a software developer and contractor for over 8 years for a whole bunch of companies including ABX, Proit, SACC and AT&T in the US, He decided to work full-time as a private software trainer. He received his Ph.D. in Computer Science from the University of Rochester in 2001. "What I teach varies from beginner to advanced and from what I have seen, anybody can learn and grow from my courses".

Reviews

Average Rating

5
1 rating

Detailed Rating

5 stars
1
4 stars
0
3 stars
0
2 stars
0
1 star
0

    This is great

    I really love the course editor in LearnPress. It is never easier when creating courses, lessons, quizzes with this one. It's the most useful LMS WordPress plugin I have ever used. Thank a lot! Testing quiz is funny, I like the sorting choice question type most.

1. Why should I learn RIA with React.js?
React.js is a JavaScript library designed to make the process of building modular, reusable user interface components simple and intuitive. Given its success in other large scale web applications, React has now become the program of choice for building applications that require dynamic data changes over time. As a React.js developer you have a good chance of making it big as a developer. This workshop is intended to give you a thorough walk-through of React.js and its components and make you competent in building React.js rich internet applications.

2. Do you provide any course material for this React JS tutorial?
Yes we do. All relevant course material and exercises will be made available to you on your LMS dashboard.

3. Which companies are using React?
Facebook, Paypal, Khan Academy, and thousands of others.

4. What libraries/tools/frameworks is React commonly used with?
Flux, Redux, and Webpack are the most common as of early-mid 2016.

5. How hard is React to learn?
React has a very steep learning curve relative to popular technologies like jQuery or AngularJS. Understanding how props, state, and components work and interact takes a lot longer than using Angular’s 2-way data binding.

6. Any practical examples where react framework being used?
You’ve probably heard about the popular JavaScript framework by Facebook. Get to read the best example here https://facebook.github.io/react/

7. Reactjs vs Angular, what to choose?
Both frameworks encourage the use of the component approach in development, so it is possible to use AngularJS and ReactJS together. They create components, which can be connected anywhere on a website and do not prohibit the use of other web components. Nevertheless, if you are going to utilize them within React components, you need to understand that it has a "special" approach to the modification of the DOM tree. It rewrites the entire content of the components, which caused problems with rendering CSS transitions earlier. Angular uses a more classical approach to the modification of the DOM tree. That’s why the bunch of React components within an Angular website can be found much more often than the inverse option.

8. What is JSX?
JSX is a preprocessor step that adds XML syntax to the JavaScript language.  Think of it more simply as a combination of HTML and JavaScript.