What You’ll Learn
Here's what is covered in this course. Every module is comprehensive and concentrates on a set of skils.
1MODULE 1: REACT JS - Overview
Learn the fundaments of the front-end library created by Facebook. Get an overview on what and how is ReactJS used.
- 1. Features
- 2. Advantages
- 3. Limitations
2MODULE 2: REACT COMPONENTS
Know about components and props. Learn to render and study the component life cycle.
- 1. React component
- 2. Render function
- 3. Component API
- 4. Component Life-cycle
- 5. State
- 6. Properties
- 7. Props Validation
- 8. Intoduction to JSX
3MODULE 3: BUID A SIMPLE REACT COMPONENT
Learn to style and build a custom component in Reactjs in a simple and inteactive way.
- 1. A example demo to simple React Components
4MODULE 4: REACT JSX IN DETAIL
- 1. Operators
- 2. Using JSX
- 3. Nested Elements
- 4. Attributes
- 6. Styling
- 7. Comments and Naming Convention
5MODULE 5: COMPONENT INTER COMMUNICATION
Learn to work faster and more accurate with templating in JSX.
- 1. Component Composition
- 2. Pass data from parent to child
- 3. Pass data from child to parent
6MODULE 6: REACT FORMS AND EVENTS
Learn to create and work with forms and events. Get to create simple forms and event handlers etc..,
- 1. Simple Form
- 2. Complex Form
- 3. React Events
7MODULE 7: REFS AND KEYS
Add methods to components and use refs in case of DOM measurements. Know how to set key to ensure that the component is uniquely identifiable.
- 1. Using Refs
- 2. Using Keys
8MODULE 8: REACT JS ROUTER
Learn to setup and install react routerfor an app. Create components and add routes to the app you are designing.
- 1. Install a React Router and Create components
- 2. Add a Router
- 3. Simple Example
9MODULE 9: CONCEPT OF FLUX IN REACTJS
Explore the uni-directional data flow concept of programming. see how the data enters the app and flows in a single direction towards being rendered.
- 1. Flux Elements
- 2. Install Redux
- 3. Actions
- 4. Reducers
- 5. Store
- 6. Root Component
- 7. Others Component
10MODULE 10: REACT JS UNIT TESTNG
Reduce production bugs with unit testing. Work with react testing library to design testing process.
- 1. React Test Utilities and Overview
- 2. Simple Example Test cases
11MODULE 11: REACT BEST PRACTICES
Chronicle the techniques and methodology to maintain consistency and deliver a good finished product.
- 1. Performance Optimizations
- 2. Performance Tools
Perks that we offer to all our students during and after the course of study.
We will assign you a mentor to guide you throughout the course and push you towards completing your lessons and projects on time.
Get the help to build your resume, do mock interviews and attract job interviews in well-known companies around you.
Project Based Learning
Master the new tech skills through hands-on labs, mini projects and capstone project.