Silver Point, Bhatar Char Rasta, Bhatar, Surat, Gujarat 395007

91+ 81417 74124

sysconcomputer.@com

Course Duration 12  Months          Daily Time 2 Hours

About This Course

React JS Training Course will help you master the fundamentals of React—an important web framework for developing user interfaces—including JSX, props, state, and events. This training course dives into Redux, covering topics like reducers, actions, and the state tree.

Intro to React.JS

  • Advantages of ReactJS

Environment of ReactJS

  • Introduction of NPM and NodeJS
  • Developer Tools extensions

ReactJS Lifecycle

  • Understand directory structure
  • Introduction of JSX
  • Nested Elements
  • Attributes
  • JavaScript Expressions
  • Comments
  • Component Life Cycle

Intro to State and Props

  • Working with State
  • Component State Lifecycle
  • Working with Props
  • Stateless and Stateful Components

useState and useEffect
React Events
Form Handling

  • Apply events and states on Forms
  • Styling in Forms
  • Dynamic Form Component

Array and Object handling

  • Available methods
  • Spreading
  • merging
  • destructuring
  • map and key
  • filter and reduce

Local Storage

  • Working with Local Storage
  • CRUD Operation

Routing and Navigation

  • Installing Third-party packages
  • Working with Router
  • Sending data to other page
  • Revert send data to previous page
  • CRUD operation with Routing

Form Validation and Filtering
Redux

  • Installing Redux
  • Actions
  • Reducers
  • Store
  • Root Component
  • CRUD operation

Reselect and Reducer Hooks

  • Create Selector
  • CreateStructuredSelector
  • Utility Functions (Optional)
  • UseSelectore Hook
  • UseDispatch Hook

Persistence

  • Local Storage
  • Session Storage
API Integration

  • Working with Postman
  • Types of API
  • Working with JSON Server
  • API Calling with fetch() and Axios package
  • Working with API Services

Promises
Firebase

  • Get data
  • Write data
  • Promising with firebase
  • Remove data
  • Update data

firebase integration with Redux

  • Fetch a list of data into redux
  • Async Redux Actions

Google Authentication
Custom Higher-Order components
Stripe Payment
React Hooks