React Js

What is React js?

React was created by Jordan Walke, a software engineer at Face book. He was influenced by XHP, an HTML component framework for PHP. It was first deployed on Face book’s newsfeed in 2011 and later on instagram in 2012. It was open-sourced at JSConf US in May 2013.

React Native, which enables native, Android, IOS, and UMP development with React, was announced at Face book’s React.js Conf in February 2015 and open-sourced in March 2015.

On April 18, 2017, Face book announced React Fiber , a new core algorithm of React framework library for building User Interface. React Fiber was to become the foundation of any future improvements and feature development of the React framework.

What are the pre-requisites for this Course?

  • The basic knowledge of HTML and CSS is necessary for effective web development
  • Working experience in any other web application platform will help in learning React more effectively
  • Have some Knowledge in Material Design CSS and Bootstrap CSS is more effective.

Why to enroll in React js course at Trishana technologies?

Because we, Trishana technologies, have a wide range of Web Application courses from which you can choose the one you wanted to do. However, all our courses include the basics of Web Application like conceptual design, requirements of a good front-end and back-end, working of networking and internet protocols etc. For each of our courses, Experts in particular technology are chosen as trainers and every trainer has vast experience and skills. Syllabus for all the courses is meticulously designed to fulfill all the current expectations of the industry. Our study materials and infrastructure are best-in-class and can never be matched by any other institutes. All these exceptional features accompanied with best-ever placement support and 100% job guarantee made our Trishana technologies, the leading No. 1 (Number one) training institute in Web Application domain.

Course Syllabus

Introduction to React js:

  • React js Introduction.
  • Why we need React js prefer other frameworks?
  • What will be the major advantage of using React js?

Environment Setup in React js

  • Environment setup in react js [client side server]
  • Environment setup in react js [Serverside server]

Basic Things required before we jump into React js Ecosystem:

  • Components in React js
  • State in React js.
  • Props in React js
  • Introduction to JSX.

COMPONENT INTERACTION [Parent-Child relationship]

  • Introduction to Parent Components [or] Super Components.
  • Introduction toChild Components [or] Dummy Components.
  • Passing Data from Parent to Child Components.
  • Passing Data from Child toParent Components.

Life Cycle Methods in React js

  • Introduction to component WillMount.
  • Introduction to component DidMount.
  • Introduction to component WillReceiveProps.
  • Introduction to should Component Update.
  • Introduction to component Will Update.
  • Introduction to component Did Update .
  • Introduction to component Will Unmount.

React js Handling events

  • Introduction to Button Click events.
  • Passing Arguments to Event Handlers
  • Callback functions. [Child events].
  • Handling events in inline function.

React-Router version 4.0

  • Version 3 vs Version 4 Introduction to React Router.
  • Introduction to BrowserHistory.
  • Introduction to HashHistory.
  • React-Router concept in live action

Form Interaction to kick start Coding

  • Introduction to Conditional rendering
  • Introduction to Controlled Components
  • Introduction to Reusable Component
  • Introduction to Handling Lists
  • Introduction to Form Example must be complex.

Debugging React js Code

  • Debugging tools using chrome extensions.
  • Programming tools

React js Handle Multiple Data Structure in JSON Data

  • Introduction to JSON Data.
  • Maintain Data with JSON Format.
  • JSON data with pure react js example and involves life cycle methods.


  • Why Redux?
  • Purpose of Redux.
  • Redux improves predictability.
  • Redux Store vs Component State.
  • Pure functions.


  • Introduction to Actions in React js.
  • Reducers will play a rookie role in redux.
  • Store in Redux.

Introduction to Axios + Redux Thunk.

  • Ajax calls using react js.

Introduction to Server Side Rendering.

  • 1. Server Side Rendering vs Client Side Rendering

React js + Node js [connection and handle API data ]

  • Front End setup.
  • Backend setup.
  • MongoDB setup.
  • An Application to build with Authentication flow and other stuffs.

Javascript data manipulations:

  • Array Helper Methods.
  • Promises.
  • Generators.
  • Arrow Functions.
  • Introduction to ES6 feature.

W3Css for beginners: Added with Course

Github for beginners: Added with Course