ReactJS - CredoSystems
ReactJS - CredoSystems
your skills
01 JavaScript
Topics
02 ES6 JavaScript
Topics
3 w w w. c r e d o s y s t e m z . c o m
REACT JS - Program Curriculum
Topics
02 Overview of JSX
Topics
• Introduction of Virtual DOM. • Containers and components • What are the JavaScript ex
pressions available in JSX?
• Difference between JS and • What is Child Components?
JSX.
• What is Namespaced
• React Components overview components?
03 React JS
Environment Setups
Topics
Hands-on Practicals:
4 w w w. c r e d o s y s t e m z . c o m
04 A Real-Time Application
by using React JS
Topics
Hands-on Practicals:
05 React JS forms
and UI
Topics
• How to write Styles?
• Lists of Form components. • Control Input elements. • Animations overview
• Setup Controlled and • How to set default values on
Uncontrolled form all formats of Input elements.
components.
• React JS Form validations.
Hands-on Practicals:
5 w w w. c r e d o s y s t e m z . c o m
06 React JS Component
Life Cycles Overview
Topics
Hands-on Practicals:
07 Routing in React JS
and Other JS concepts
Topics
Hands-on Practicals:
08 Event Handling
in JSX
Topics
Hands-on Practicals:
Topics
Hands-on Practicals:
Topics
• How to Load the router • How to Pass and receive pa • Integration of React-cookie
library? rameters? overview.
• Configure the React Router?
Topics
Hands-on Practicals:
7 w w w. c r e d o s y s t e m z . c o m
12 Unit Testing Overview
Topics
• What are the necessary Tools • Introduction to JEST. • How to Test React Router?
required for Unit Testing?
• How to Test React
• React Unit Testing overview Component?
Topics
Topics
15 Hooks
Topics
8 w w w. c r e d o s y s t e m z . c o m
16 Code Spliting
Topics
• Code splitting & Suspense • Route Based Code Splitting • Lazy Loading
17 Isomorphic React
Topics
• Server Side Rendering • SSR with React - Setup • SSR with React - The
& Server Toolchain
18 Testing Component
Topics
• Using Jest with Test Utils • Using Jest with the • Using Jest with Enzyme
from React-DOM React Testing Library
19 Epilogue
Topics
20 New Features of
React 16
Topics
9 w w w. c r e d o s y s t e m z . c o m
21 Webpack Primer and
Isomorphic React
Topics
• Webpack and its use • Working with loaders • Server-side rendering (SSR)
• Setting up and installing • Quick word on lazy loading, • Working with render To Stat
Webpack code splitting, and tree shaking icMarkup and renderToString
methods
• Working with the configuration • Setting up a hot module re
file of Webpack placement
Topics
10 w w w. c r e d o s y s t e m z . c o m
Real Time Projects For - Case Studies
1 2 3
Build a Paymnet portal with Connect your React JS App with Create a new Ecommerce project
multiple components and its various APIs like Weather, News, with Authorization and
interactions. Utlize its life hooks, Jokes. Here you can experience Authentication. All forms with
various events and implement how to resolve CORS error and validations and send AJAX
forms with validations. Request, Response life cycle. request to backend.
11 w w w. c r e d o s y s t e m z . c o m
Completion Certificate
Credo Systemz's certificate is
highly recognized by 1000 +Global
companies around the world.
Recent Placed Candidates
Ram Kumar
Batch : Jan 2021
Suganya
Batch : Feb 2021
Sathish
Batch : Aug 2021
Vinoth
Batch : Mar 2021
Kunal
Batch : Jul 2021
Ramya
Batch : Oct 2021
GET IN TOUCH