[et_pb_section fb_built=”1″ admin_label=”Java-Section1″ _builder_version=”4.16″ global_colors_info=”{}”][et_pb_row _builder_version=”4.19.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.19.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.19.4″ _module_preset=”default” global_colors_info=”{}”]Course Duration 12 Months Daily Time 2 Hours[/et_pb_text][et_pb_text _builder_version=”4.19.4″ _module_preset=”default” global_colors_info=”{}”]
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.
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row _builder_version=”4.19.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.19.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_tabs _builder_version=”4.19.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_tab title=”Core React.JS” _builder_version=”4.19.4″ _module_preset=”default” global_colors_info=”{}”]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
[/et_pb_tab][et_pb_tab title=”Advance React.JS” _builder_version=”4.19.4″ _module_preset=”default” global_colors_info=”{}”]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[/et_pb_tab][/et_pb_tabs][/et_pb_column][/et_pb_row][/et_pb_section]
