ReactJS Training in Chandigarh Mohali Panchkula

Module 1:Basics of JS

• History of Javascript
• What is ES6
• Block scope, let & const
• Template literals
• Arrow functions
• Spread and Rest operators

• Object literal improvements
• Classes
• Promises
• Iterators and Iterables
• Generators
• Modules
• Set and Map

Module 2:ReactJS

• What is React?
• Templating using JSX
• Working with React Create Element, Expressions,
  Using logical operators, Specifying attributes, Specifying children

Module 4: State and props

• What is state and it significance
• Read state and set state
• Passing data to component using props
• Validating props using propTypes
• Supplying default values to props using defaultProps

Module 5: Rendering lists

• Using React key prop
• Using map function to iterate on arrays to generate elements

Module 6:Routing with react router

• Setting up react router
• Understand routing in single page applications
• Working with BrowserRouter and HashRouter components

• Configuring route with Route component
• Using Switch component to define routing rules
• Making routes dynamic using route params
• Working with nested routes

• Navigating to pages using Link and NavLink component
• Redirect routes using RedirectComponent
• Using Prompt component to get consent of user for navigation
• Path less Route to handle failed matches

Module 7:Working with forms

• Controlled components
• Uncontrolled components
• Understand the significance to defaultValue prop
• Using react ref prop to get access to DOM element

Module 8: Event Handling in React

• Understanding React event system
• Understanding Synthetic event
• Passing arguments to event handlers

Module 9: Just Redux

• What is redux
• Why redux
• Redux principles
• Install and setup redux
• Creating actions, reducer and store

Module 11: React Redux

• What is React Redux
• Why React Redux
• Install and setup
• Presentational vs Container components
• Understand high order component
• Understanding mapStateToProps and mapDispatchtToProps usage

Module 12: Unit Testing in react

• Understand the significance of unit testing
• Understand unit testing jargon and tools
• Unit testing react components with Jest
• Unit testing react components with enzyme

Module 13: Webpack primer

• What is webpack
• Why webpack
• Install and setup webpack
• Working with webpack configuration file

• Working with loaders
• Quick word on code splitting, lazy loading, tree shaking
• Setting up Hot Module Replacement