React Redux Certification

• React Elements
• Render Function
• Components
• Class Component
• Component Constructor
• Functional Components
• Multiple Components
• Props
• Props with Class based Component
• Props with Function based Component
• States
• Component Lifecycle
• React Events
• React Forms
• Different Form Concepts
• Styling in React
• Inline Styling
• CSS Stylesheet
• Building Music Shop Application using React Components

Hands On:

• Build a Music Store Application using React Components

• Routing
• react-router
• Features of react-router
• Configuration of routing using react-router
• Navigation using Links
• 404 page (Not found Page)
• URL Parameters
• Nested Routes
• Implementing styles using NavLink
• Application Programming Interface
• Build a REST API using json-server
• API consumption in React application using Fetch method
• Build a dynamic Music Store application using Routing and API connectivity

Hands On:

• Dynamic Music Store Application with Routing and API connectivity

• Need of Redux
• What is Redux?
• Redux Architecture
• Redux Action
• Redux Reducers
• Redux Store
• Principles of Redux
• Pros of Redux
• NPM Packages required to work with Redux
• More about react-redux package

Hands On:

• Building an application to list the food items using React and Redux
• Building News application using React, Redux, and promise middleware

• Need of Async operations
• Async Workflow
• Action Creators
• How to write Action Creators?
• Handling Async Actions via Reducers
• Middleware
• Redux-Saga
• Generators in Redux-Saga
• Saga Methods()
• Major Sections of Redux-Saga
• Building a Product List application using Redux-Saga Middleware
• Debugging application using Redux Devtools

Hands On:

• Building a Product list application using Redux-Saga Middleware.

• Caveat of JavaScript classes.
• Functional components and React hooks
• What are React hooks?
• Basic hooks
• useState() hook
• How to write useState() hook when state variable is an array of objects
• useEffect() hook
• Fetch API data using useEffect() hook
• useContext() hook
• Rules to write React hooks
• Additional hooks
• Custom hooks

Hands On:

• Fetch API data using useEffect() hook
• Pass multiple Context using useContext() hook
• Writing custom hooks
• Building weather application using React hooks

• What is GraphQL?
• Cons of Rest API
• Pros of GraphQL
• Frontend backend communication using GraphQL
• Type system
• GraphQL datatypes
• Modifiers
• Schemas
• GraphiQL tool
• Express framework
• NPM libraries to build server side of GraphQL
• Build a GraphQL API
• Apollo client
• NPM libraries to build client side of GraphQL
• How to setup Apollo client

Hands On:

• Build a GraphQL API and execute queries using GraphiQL tool
• Fetch Space Launch Data using Apollo-GraphQL

• Define Jest
• Setup Testing environment
• Add Snapshot testing
• Integrate Test Reducers
• Create Test Components
• Push Application on Git
• Deploy App on Nginx
• Create Docker for React Application

Hands On:

• Testing application using Jest
• Application Deployment via Nginx and Docker

• Native Applications
• React Native
• React Native Elements
• Expo CLI
• Build a shopping cart mobile application using React Native
• React Native installation and setup
• Working with Styles and Layout

Hands On:

• Shopping Items list using Native React

• Native modules
• Native Navigation libraries
• Integration of Redux with React Native
• React Native and Redux major components
• Redux Thunk middleware
• NPM libraries
• Shopping cart application using React Native and Redux
• Integration of Redux actions, store and reducers In React Native application

Hands On:

• Dynamic Shopping cart using React Native