: sivasoft@sivasoft.in
: +91 92481 53330
: +91 95730 93432

CLASSROOM REACT JS TRAINING COURSE

Apply For Course
  • Foundation to Reactjs
  • Introduction to Reactjs
  • Introducton to concepts on ES6 (ECMASCRIPT)
  • let and const
  • Arrow functions
  • Template literals
  • New Array methods
    • map
    • filter
    • some
    • every
    • find
    • reduce
  • Array & Object destruction
  • Spread Operator
  • classes
  • constructor
  • this usage in class
  • getters & setters in class
  • fetch method to get data from API
  • promises
  • resolve & reject in promises
  • async And await
  • using promises in async and await

React Basics:

  • introduction to webpack & babel introduction.
  • creating project with ReactJs, using npm & npx.
  • ReactJs folder structure.
  • creating "hello world" inital programe.
  • using commands to run & build project.
  • introduction to Jsx
  • inlcude dynamic javascript expression in Jsx
  • attributes in Jsx
  • using dot notation in Jsx
  • best practices in crating Jsx components
  • Jsx childrens & group elements
  • rendering & updating elements on ReactJs
  • introduction to functional components & working with it.
  • introduction to class components & working with it.
  • differenc between class & functional components
  • ReactJs components and props
  • styling with css in ReactJs
  • ReactJs state & setState
  • lifecycle methods in ReactJs
    • componentDidMount()
    • componentDidUpdate()
    • shouldComponentUpdate()
    • componentWillUnmount()
  • handling events in ReactJs
  • conditional rendering in ReactJs
  • keys and list & loop through data.
  • Forms in ReactJs
  • Update state form child(Lifting state up)

Advanced ReactJs:

  • Using fetch & promises & async await in ReactJs to get API data.
  • Fragments in ReactJs
  • Pure components in ReactJs
  • memo in functional components
  • Refs in ReactJs
  • Refs in class components
  • Portals in ReactJs
  • Higher Order functions
  • React Router
  • In details of Switch, Router, path, Link, useParams, useRouteMatch
  • Router paramters
  • Router nesting
  • Transitions with Router
  • Router config
  • Router Redirecting
  • Developing router practical application
  • Redux in React
  • Creating store with redux
  • Data flow in redux
  • Redux actions & reduces
  • Developing redux practical application
  • Advanced context API
    • React.createContext
    • Context.Provider
    • Class.contextType
    • Context.Consumer
    • Context.displayName
  • fetching data with use effects
  • static type checking
  • error boundaries
  • typechecking with PropTypes
  • introducing Hooks in ReactJs
  • use state in Hooks
  • use effects in Hooks
  • make your own Hooks
  • REACT JS content will be updated as per latest updations

COURSE ENQUIRY

Apply For Course


Follow us on Twitter


Like us on Facebook