top
Corporate training

up - skill your team

Request Quote
>
React JS
Rated 4.5/5 based on 479 Votes customer reviews

React.js Training

Learn to build rich internet applications using Reactjs, Flux and Redux, how to do module bundling using webpack

  • 24 hours of Instructor-led training
  • Basic to Advanced level
  • Hands-on Sessions
Request Syllabus Schedules

Modes of Delivery

Key Features

24 hours of Instructor led training
Interactive hands-on sessions
Learn basic and advanced concepts of React JS
Learn to build rich internet applications using React JS, Flux, and Redux
Get proper guidance by Industry Experts anytime after course completion
Mentors will help students in implementing technology in live/new projects

Description

The success of the user interfaces of Facebook and Instagram that have been built around React.js has made this JavaScript library very popular for building large scale user interfaces that have dynamic data changes. The benefits of React Js lie in the fact that it is fairly simple, supports easy updates and allows user interface components to be reused thus making associated actions like testing much easier.

Zeolearn brings a full-fledged instructor-led online course that will take you from the basics to the advanced concepts of React.js and teach you the ropes of building rich internet applications using React.js, Flux and Redux. Through extensive exercises, support material, examples and practical sessions, you would have completely mastered React by the end of this workshop.

Here’s what you will learn!

  • The fundamentals of React.js and the solutions it offers
  • The basic architecture of a React.js application
  • In-depth knowledge of React.js components and JSX
  • A working application that uses React.js’s components
  • React.js best practices
  • Compose an application using Flux architecture
  • Know how to maintain application state in a Redux Store
  • Know how to do module bundling using webpack
  • Use React dev tools

Prerequisites:

  • Web development experience with intermediate level of expertise in JavaScript
  • Exposure to any server technology (J2EE, .NET, Ruby etc) is good to have but not mandatory

 

Curriculum

  • New in ES6
    • Classes
    • let and const
    • Arrow functions
    • Enhanced Object Literals
    • Destructuring
    • Spread Operator
    • Generators and Iterators
    • Symbols
    • Comprehensions
    • Async Programming using Promises
  • Using Babel.js
  • Introduction
    • Need for React.js
    • Advantages of Virtual DOM
  • View Components using JSX
    • JSX Syntax
    • Using JSX to create view classes
    • Creating views without using JSX
    • JSX Precompilation
    • Using JSX in the server
  • Models
    • Advantages of Immutability
    • Using Immutable.js
  • Components
    • Component Life-Cycle
    • Virtual DOM
    • Component  Events
    • Using States and Properties
    • Initializing States from properties
    • Accessing DOM nodes using refs
    • Synthetic Events
    • Component Compositions
    • Communication Between Components
    • Reusable Components
  • Forms
    • Controlled Components
    • Uncontrolled Components
  • ReactLink
    • Principle of One-Way and Two-Way Data Binding
    • Best Practices
  • Node.js and Server DOM Manipulation
  • Unit Testing React.js Components
  • Miscellaneous
    • Animations
    • DataBinding Helpers
    • Immutability Helpers
    • Performance Helpers
  • React.js Best Practices
  • Introduction
    • Overview of Reactive programming
    • Benefits of Uni directional data flow
  • Architecture
    • Building blocks in Flux
    • Dispatcher
    • Stores
    • Action
    • Views
  • Dispatcher
    • The role of dispatcher
    • Registering callbacks
    • Triggering Actions
  • Store
    • The role of Store
    • Maintain Application State
    • Event Broadcasting
  • Reducer
    • Creating Reducers
    • Retrieving State
    • Combining Reducers
  • Action Creator
    • Creating Actions
    • Dispatching actions to the dispatcher
    • Dispatching Async Actions
    • Using Middlewares
  • Views
    • React Components as Views
    • State Subscribers
    • Updating data from the store
  • React-Redux Bindings
    • Binding Components to React Store using "Connect"
    • Injecting Redux Store using Provider
    • Using Providers with React Routers
  • Server Side Rendering
  • Testing
    • Organizing Test Code using Mocha & Chai
    • Using Jest for mocking dependencies
    • Testing Stores
  • Module Bundling Overiew
  • Installation
  • Creating Webpack configuration
  • Setting up webpack-dev-server
  • Configure automatic browser refresh
  • Loading Modules
  • Optimizing rebundling of react components
  • Using Less/Sass loaders
  • Hot loading components

Frequently Asked Questions

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.

After completing our course, you will know:
  • The fundamentals of React.js. How it is different from frameworks
  • The various components of React.js, JSX and the Flux architecture
  • To build complex user interfaces having a unidirectional data flow, with React.js
  • React.js best practices and how to use them to build state-of-the-art apps

Towards the end of the course, all participants will be required to work on a project to get hands on familiarity with the concepts learnt. You will use React.js development tools and build an RIA application with full support from your mentors. This project, which can also be a live industry project, will be reviewed by our instructors and industry experts. On successful completion, you will be awarded a certificate.

Classes are held on weekdays and weekends. You can check available schedules and choose the batch timings which are convenient for you.

You may be required to put in 10 to 12 hours of effort every week, including the live class, self study and assignments.

Your classes will be held online. All you need is a windows computer with good internet connection to attend your classes online. A headset with microphone is recommended.

You may also attend these classes from your smart phone or tablet.

Don’t worry, you can always access your class recording or opt to attend the missed session again in any other live batch

Web developers wanting to use React.js to build state-of-the-art web UIs will benefit from this course.

 

One must have:

  • Node.js
  • Good Text / JavaScript Editor (Notepad++ / SublimeText / Brackets / Atom )
  •  Chrome
  •  Internet Connection (Mandatory with permissions to install npm modules from git on demand)

other trainings

How We Can Help You