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:

  1. Identify the right set of structures and state containers for your React application
  2. Create interfaces that present complex information to users in ways they can manage
  3. Understand and use React, React Router, and other popular libraries
  4. Use styled-components to create presentational components (CSS in JS)
  5. Take advantage of React and flux dev tools for better debugging
  6. Take advantage of immutable.js library to follow the immutable state principle
  7. Implement server-side rendering for SEO benefits and to reduce initial load times
  8. Create, build, and deploy a React.js application using the React.js CLI
  9. Develop dynamic Model-driven forms that are easier to unit test

Pre-requisite

  1. Anyone who wants to develop React.js-based gui
  2. Teams getting started with or working on React,js projects.

Duration

2 days

Course Outline

  1. What is React?
  2. How it is different?
  3. History
  4. Current Standing
  5. Installing Browser
  6. Installing Node
  7. Installing VS code
  8. Creating Workspace
  9. Developing using NPM
  10. Helloworld
  11. HTML
  12. CSS
  13. JavaScript
  14. AJAX
  15. JSON
  16. Big Picture
  1. Language Enhancement
  2. Illustrate let and const
  3. Template string
  4. Default parameters
  5. Spread operators
  6. Destructing assignments
  7. Functional programming
  8. Arrow functions
  9. Classes and Illustration
  10. Class extension
  11. Bounded method
  12. Illustration of bounded method
  13. Illustration of Unbounded method
  14. Defining a module
  15. Using a module
  16. Promises
  17. Returning promises
  18. Using promises
  19. Chaining promises
  1. Functional components
  2. Building components
  3. Rendering components
  4. Using properties
  5. State machine
  6. Component as state machine
  7. Library as stateful components
  8. Component Lifecycle
  9. Forms
  10. Composite Components
  11. Nesting Components
  12. One-way Flow
  13. Communicating with parent
  14. Rendering Collections
  1. Traditional styling
  2. Inline styling
  3. Applying Class
  4. Applying Style
  5. Styled Component
  6. Creating Component
  7. Using Component
  1. Static routing
  2. The SAP problem
  3. Install router support
  4. Browser Router
  5. Hash Router
  6. Dynamic Routing
  1. AJAX and REST
  2. GET operations
  3. POST operations
  4. PUT operations
  5. DELETE operations
  6. Authentications
  7. Using AJAX libraries
  8. Illustration using Fetch
  9. Illustration using Axios

Reviews