React.JS
Course Overview
- Developed by Facebook and Instagram, React.js makes views easier to extend and maintain by unifying your markup with its corresponding view logic. React.js is currently used by over 94,000 sites around the web. With our React.js training, you learn how to develop consistent-looking, quick to code and easy-to-maintain front-end applications. You will also learn how to use the virtual DOM to make your GUI render faster. With our expert training, you will gain an in-depth understanding of a component’s lifecycles, states and props using React.js.
- In our Cloud labs sessions, you will have the opportunity to practice using React Developer Tools for inspecting react components within their hierarchy and observing their current props and states. This React.js certification course will also learn how to use states to store all the content that can change during application in a single location. You will also have the opportunity to practice using Props to populate components using custom data and pass them to a specific UI component.
- Key Features:
- ● 2hours 30 minutes of eLearning content
- ● Cloud labs – practice on the go
- ● Lifetime access to recordings and materials
- ● 24/7 Support
- ● Lesson-end quizzes to check knowledge
- ● Course-end Assessments
- ● Hands-on practice
- ● Assignments
At the end of the training, participants will be able to:
- Identify the right set of structures and state containers for your React application
- Create interfaces that present complex information to users in ways they can manage
- Understand and use React, React Router, and other popular libraries
- Use styled-components to create presentational components (CSS in JS)
- Take advantage of React and flux dev tools for better debugging
- Take advantage of immutable.js library to follow the immutable state principle
- Implement server-side rendering for SEO benefits and to reduce initial load times
- Create, build, and deploy a React.js application using the React.js CLI
- Develop dynamic Model-driven forms that are easier to unit test
Pre-requisite
- Anyone who wants to develop React.js-based gui
- Teams getting started with or working on React,js projects.
Duration
2 days
Course Outline
- What is React?
- How it is different?
- History
- Current Standing
- Installing Browser
- Installing Node
- Installing VS code
- Creating Workspace
- Developing using NPM
- Helloworld
- HTML
- CSS
- JavaScript
- AJAX
- JSON
- Big Picture
- Language Enhancement
- Illustrate let and const
- Template string
- Default parameters
- Spread operators
- Destructing assignments
- Functional programming
- Arrow functions
- Classes and Illustration
- Class extension
- Bounded method
- Illustration of bounded method
- Illustration of Unbounded method
- Defining a module
- Using a module
- Promises
- Returning promises
- Using promises
- Chaining promises
- Functional components
- Building components
- Rendering components
- Using properties
- State machine
- Component as state machine
- Library as stateful components
- Component Lifecycle
- Forms
- Composite Components
- Nesting Components
- One-way Flow
- Communicating with parent
- Rendering Collections
- Traditional styling
- Inline styling
- Applying Class
- Applying Style
- Styled Component
- Creating Component
- Using Component
- Static routing
- The SAP problem
- Install router support
- Browser Router
- Hash Router
- Dynamic Routing
- AJAX and REST
- GET operations
- POST operations
- PUT operations
- DELETE operations
- Authentications
- Using AJAX libraries
- Illustration using Fetch
- Illustration using Axios