Upcoming Batches

Jun 01 Mon-Fri (44 Days) FILLING FAST
7 AM to 10 Am in Between & 6 PM to 8 PM

What is react js?

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

Why enroll in React js training in Bangalore 

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.

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 to React more effectively

Have some Knowledge in Material Design CSS and Bootstrap CSS is more effective.

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

Rs. 12000 Rs. 17000

Book a Free Demo


What our student says

Back to Top