REACT JS

Duration: 1.5 months

If you are interested in developing front  end applications then React will be a perfect choice for you. Learning React, you can easily qualify the job of a Front end developer. To understand React it is necessary for  you to know JavaScript language. JavaScript is a loosely type language and the syntax is similar to C programming. Being an event driven programming language it provides feature that we can use to interact with html elements in our webpage. It is really necessary to uderstand HTML Document Object Model properly to master JavaScript. After having good concept of JavaScript, html and basic CSS concept you can start working on React.

The course is designed in such a way that you will first be given the concept of HTML and CSS. After that you will be introduced with the event driven programming language JavaScript. Some of its features like events, DOM, builtin objects are very important concept to understand the power of JavaScript. Finally you will be introduced with React library and its features. You will develop an application in front end using React library.

WHO CAN JOIN REACTJS?

Are you looking for a career in front end web application development? If so, React is a perfect choice for you since it is very powerful JavaScript library used in developing reusable user interfaces in web applications. There are lots of vacancies for React developers. It will be better to join React training if you understand programming.

 

MODULE 1: WEB APPLICATION DEVELOPMENT TRENDS

  1. Single page applications
  2. Component driven web development
  3. Essence of JavaScript
  4. SPAs with React JS

MODULE 2: ECMASCRIPT 6

  1. Introduction to EcmaScript
  2. var, let and const
  3. arrow functions
  4. spread operators
  5. enhanced object literals
  6. destructing

MODULE 3: REACTJS INTRODUCTION

  1. History
  2. React JS: library vs. framework
  3. Architecture
    • Vitual DOM
    • Diffing
  4. Community
  5. Ecosystem

MODULE 4: REACTJS ENVIRONMENT SETUP

  1. Setup Node.js/ Yarn
  2. Configure Webpack, Babel
  3. Write first React Component

MODULE 5: REACTJS FUNDAMENTALS

  1. Component structure
  2. JSX
  3. Render with ReactDOM
  4. State and Props
  5. Life cycle methods
  6. PropTypes and Default props

MODULE 6: REACTJS DESIGN PATTERN

  1. Container component vs. Presentational Components
  2. Stateless functional components
  3. Component Interaction

MODULE 7: STYLING IN REACT

  1. Bootstrap
  2. Styled-component

MODULE 8: ROUTING

  1. Route design
  2. Declarative routing with react router v4

MODULE 9: STATE MANAGEMENT WITH REDUX

  1. Why Redux?
  2. Principles of Redux
  3. Stores, Reducers, Actions and Action creators
  4. Redux Middlewares

Send Enquiry

loading gif