CertAdda’s React with Redux Certification Training will train you to build efficient React applications by mastering the concepts of React, Redux and React Native. In this course, you will learn how to build simple components & integrate them into more complex design components. After completing this training you will be able to build the applications using React concepts such as JSX, Redux, Asynchronous Programming using Redux Saga middleware, Fetch data using GraphQL, perform Testing using Jest, successively Deploy applications using Nginx and Docker plus build Mobile applications using React Native
Course Features
- Lecture 0
- Quiz 0
- Duration 10 weeks
- Skill level All levels
- Language English
- Students 0
- Assessments Yes
- 10 Sections
- 0 Lessons
- 10 Weeks
Expand all sectionsCollapse all sections
- Introduction to Web Development and ReactLearning Objective: In this module, you will learn about MVC architecture, what is React and difference between single and multiple page applications. You will also learn how to install React, make use of NPM packages and ES6 concepts. Topics: Building Blocks of Web Application Development Single-page and Multi-page Applications Different Client-side Technologies MVC Architecture Introduction to React Installation of React JSX and its use case DOM Virtual DOM and its working ECMAScript Difference between ES5 and ES6 NPM Modules Hands On: Installation of Node.js, React and Visual Studio Code Creating First React Application0
- Components and Styling the Application LayoutLearning Objective: In this module, you will learn React core concepts like Components, State and Props. You will also learn how to build the application layout using forms and style sheets. Topics: 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 Components0
- Handling Navigation with RoutesLearning Objective: In this module you will learn to build an application using different route techniques and consume remote data by integrating API in React applications. Topics: 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 connectivity0
- React State Management using ReduxLearning Objective: In this module, you will learn how to integrate Redux with React. Also, you will understand the other key terminologies associated with Redux to build a web application. Topics: 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 middleware0
- Asynchronous Programming with Saga MiddlewareLearning Objective: In this module, you will learn how to write and handle the Asynchronous actions using Redux-Saga Middleware. Topics: 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.0
- React HooksLearning Objective: In this module, you will learn how to implement Class component- Stateful features within Functional components using React Hooks. Topics: 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 hooks0
- Fetch Data using GraphQLLearning Objective: In this module, you will learn how to augment React components with GraphQL to query the data. Topics: 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-GraphQL0
- React Application Testing and DeploymentLearning Objective: In this module, you will learn how to perform application testing using Jest and later deploy the application using Docker and Nginx Topics: 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 Docker0
- Introduction to React NativeLearning Objective: In this module, you will understand React Native terminologies, learn how to integrate React Native with Redux and build a mobile application using React Native Topics: 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 React0
- Building React Native Application with APILearning Objective: In this module, you will build and release an Android mobile application using React Native. Topics: 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 Native0
