React with Redux Certification Training
Access Duration - 365 Days
4.5( 4 REVIEWS )
151 STUDENTS
What Will I Learn?
Learn how to develop a proper understanding of Web Development Architecture
Perform Navigation using Routes
Build Web Applications using React with Redux
Create application using React components
Program Async Actions using Redux-Saga Middleware
Deploy Applications using Docker and Nginx
Build Mobile Applications using Native React
Write Queries using GraphQL
Execute Test Cases using Jest
Overview
Redux is a predictable state container designed to help you write JavaScript apps that behave consistently across client, server, and native environments and are easy to test. It lets you compose complex UIs from small and isolated pieces of code called “components”. React can render on the server using Node and can power native apps using React Native. React with Redux will let you to write applications that behave consistently, run in different environments and are easy to test and deploy.
If you’re just getting started with Redux, the ‘React with Redux Certification Training’ is a great resource for beginners. 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 Redux, Fetch data using GraphQL, perform Testing using Jest and so much more.
Why You Should Consider Taking this Course at Global Edulink?
Global Edulink is a leading online provider for several accrediting bodies, and provides learners the opportunity to take this exclusive course awarded by CPD. At Global Edulink, we give our fullest attention to our learners’ needs and ensure they have the necessary information required to proceed with the Course. Learners who register will be given excellent support, discounts for future purchases and be eligible for a TOTUM Discount card and Student ID card with amazing offers and access to retail stores, the library, cinemas, gym memberships and their favourite restaurants.
- Access Duration
- Who is this Course for?
- Entry Requirement
- Method of Assessment
- Certification
- Awarding Body
- Career Path & Progression
The course will be delivered directly to you, and from the date you joined the course you have 12 months of access to the online learning platform. The course is self-paced, and you can complete it in stages at any time.
- Freshers
- Aspiring Frontend (JavaScript) Developers
- UI/UX Developers
- Web Developers
- Software Developers
- Learners should be over the age of 16, and have a basic understanding of English, ICT and numeracy.
- Fundamentals of programming and object-oriented concepts
In order to complete the course successfully, learners will take an online assessment. This online test is marked automatically, so you will receive an instant grade and know whether you have passed the course.
Upon the successful completion of the course, you will be awarded the ‘React with Redux Certification Training’ certificate by CPD.
CPD is an internationally recognised qualification that will make your CV standout and encourage employers to see your motivation at expanding your skills and knowledge in an enterprise.
Once you successfully complete the course, you will gain an accredited qualification that will prove your skills and expertise in the subject matter. With this qualification you can further expand your knowledge by studying related courses on this subject, or you can go onto get a promotion or salary increment in your current job role. Below given are few of the jobs this certificate will help you in, along with the average UK salary per annum according to http://payscale.com/
- Web Developer – Up to £50k per annum
- Software Developer - Up to £71k per annum
Key Features
Gain an Accredited UK Qualification
Access to Excellent Quality Study Materials
Personalised Learning Experience
Support by Phone, Live Chat, and Email
Eligible for TOTUM Discount Card
UK Register of Learning Providers Reg No : 10053842Course Curriculum
| 1: Introduction to Web Development and React | |||
| 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 | |||
| 2: Components and Styling the Application Layout | |||
| 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 StylingInline Styling | |||
| CSS Stylesheet | |||
| Building Music Shop Application using React Components | |||
| 3: Handling Navigation with Routes | |||
| 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 | |||
| 4: React State Management using Redux | |||
| Need of Redux | |||
| What is Redux? | |||
| Redux Action | |||
| Redux Reducers | |||
| Redux Store | |||
| Principles of Redux | |||
| NPM Packages required to work with Redux | |||
| More about react-redux package | |||
| 5: Asynchronous Programming with Saga 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 | |||
| 6: React Hooks | |||
| 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 | |||
| 7: Fetch Data using GraphQL | |||
| 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 | |||
| 8: React Application Testing and Deployment | |||
| 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 | |||
| 9: Introduction to React Native | |||
| 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 | |||
| 10: Building React Native Application with API | |||
| 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 | |||
Billy Chapman
This course contains really detailed clarification of different React concepts. It expands on a lot of topics related to React and Redux.
Jamie Harrison
It really helped me learn the basics of React as well as some advanced concepts and explains complicated information using simple analogies.
Sidney Perry
Everything is well laid out so that you can begin to make real connections between the different modules.
Leigh Evans
Extremely good information and me a good understanding of all the concepts. Explanation is very clear and instructor pointed out several issues that I have not thought of.