| Program Fees: | $300.00 |
| Discount Price: | $240.00 |
| You save: | $60.00 (20%) |
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
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 Styling
CSS Stylesheet
Building Music Shop Application using React Components
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
React State Management using Redux
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
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
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
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
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
Practice Test & Interview Questions
Interview Support & On Job Support
This is for only one-to-one students with interview support
- Resume Preperation
- Resume Marketing with partner consultancies
- Proxy with 10 years experience developer
- On Job Support (Optional)
Need customized curriculum?
Talk to Advisor
-
What is I miss one (or) more class?
No worries. It might happen. We will reschedule the classes as per your convenience within the stipulated course duration with all such possibilities. And if required you can even attend that topic if any other live batches.
- Do I get any discount on the course?
- Who is my instructor?
- What is the qualification of the trainer?
- Who will provide the environment to execute the Practicals ?
- What are the modes of training offered for this course?
- Can I attend a demo session?
- What are the payment options?
- How TuneTM’s Refund Policy works?
- I have more queries?
