YoVDO

React.js Essential Training

Offered By: LinkedIn Learning

Tags

React Courses Web Development Courses JEST Exam Courses React Router Courses User Interfaces Courses JSX Courses React Testing Library Courses

Course Description

Overview

React is a great choice for dynamic, data-driven user experiences. Learn how to create browser-based apps and websites with the component-based React.js library.

Syllabus

Introduction
  • Building modern user interfaces with React
  • What you should know before watching this course
1. What Is React?
  • What is React?
  • Setting up Chrome tools for React
  • Setting up Firefox developer tools for React
2. Intro to React Elements
  • Installing Create React App
  • Generating a project
  • Creating React elements
  • Refactoring elements using JSX
3. React Components
  • Creating a React component
  • Adding component properties
  • Working with lists
  • Adding keys to list items
  • Displaying images with React
  • Using fragments
4. React State in the Component Tree
  • Conditional rendering
  • Destructuring arrays and objects
  • Understanding the useState Hook
  • Working with useEffect
  • Incorporating useReducer
5. Asynchronous React
  • Fetching data with Hooks
  • Displaying data from an API
  • Handling loading states
6. React Testing
  • Using Create React App as a testing platform
  • Testing small functions with Jest
  • Introducing React testing library
  • Testing Hooks with React testing library
7. React Router
  • Installing React Router 6
  • Configuring the router
  • Incorporating the link component
  • Nesting links with React Router 6
Conclusion
  • Next steps

Taught by

Eve Porcello

Related Courses

Software as a Service
University of California, Berkeley via Coursera
Intro to Computer Science
University of Virginia via Udacity
Web Development
Udacity
Software Engineering for SaaS
University of California, Berkeley via Coursera
CS50's Introduction to Computer Science
Harvard University via edX