blog background image

Workshop on ReactJS

20 Registered Dec, 2018 11:00 AM 2 Hrs

Book Your Seat

About the Instructor:

He is an OPTIMISTIK INFOSYSTEMS Accredited Instructor with, more than 14 years of experience in Delivering Training to Corporates. He has an awesome record of securing 95% Feedback score for all his trainings delivered. He has delivered excellet session for International clients in Mexico, Fiji Islands & Detroit, USA.

He is one of the preferred trainer for reputed clients including Accenture, Sapient, Capgemini.

Description

Overview:

What is ReactJs?

ReactJS basically is an open-source JavaScript library which is used for building user interfaces specifically for single page applications. It’s used for handling view layer for web and mobile apps. React also allows us to create reusable UI components. React was first created by Jordan Walke, a software engineer working for Facebook. React first deployed on Facebook’s newsfeed in 2011 and on Instagram.com in 2012.

React allows developers to create large web applications which can change data, without reloading the page. The main purpose of React is to be fast, scalable, and simple. It works only on user interfaces in application. This corresponds to view in the MVC template. It can be used with a combination of other JavaScript libraries or frameworks, such as Angular JS in MVC.


Objectives:

This is an on demand, customized course designed for an audience with good experience on JavaScript. The audience would get deep dive into advantages of using React. This would cover Understand the benefits of unidirectional data flow. Understand and use React, React Router, Redux, Redux Saga and other popular libraries. Creating redux middleware with Redux Saga.

Use styled-components to create presentational components .It would also cover how to take the advantage of React and Redux dev tools for better debugging. Taking the advantage of immutable.js library to follow the immutable state principle, Unit test React components, redux using Jest, Enzyme and sinon.

Implementing server-side rendering for SEO benefits and to reduce initial load times, Understand webpack bundler and its killer features like code splitting, lazy loading, tree shaking, hot module replacement.Create, build, and deploy react applications to cloud React ecosystem and sources for good third-party libraries (Detailed Course Plan can be shared on request)


Event Schedule:


  • Introduction to OOJS
  • Introduction to JSON and Javascript Literal Syntax
  • Introduction to Node.js
  • Foundation
    • The Node.js framework
    • Installing Node.js
    • Using Node.js to execute scripts
    • Using npm

Building UI using React.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

Flux and Redux Architecture

  • 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

Other Events:


Target Audience:

JavaScript Developers


Delivery Mode:

  • Instructor-Led Training
  • Case studies driven approach
  • Hands-on exercises
  • Learning by Doing Approach

Become a part of this webinar. Ask questions and interact with Instructor Live

Book Your Seat

Testimonials