YoVDO

Learning React.js

Offered By: LinkedIn Learning

Tags

React Courses Web Development Courses Javascript Courses React Router Courses User Interface Design Courses JSX 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 DevTools for React
  • Working with Visual Studio Code
2. Intro to React Elements
  • Adding React to your project
  • Creating React elements
  • Refactoring elements using JSX
  • Incorporating Babel
  • Working with JSX syntax
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
  • Generating a project with Create React App
  • Touring a Create React App project
  • Destructuring arrays and objects
  • Understanding the useState Hook
  • Working with useEffect
  • Understanding the dependency array
  • Incorporating useReducer
5. Handling Forms in React
  • Working with uncontrolled components
  • Creating controlled form elements
  • Building a custom Hook
  • Choosing a form library
6. Asynchronous React
  • Fetching data with Hooks
  • Displaying data from an API
  • Handling loading states
  • Fetching data with GraphQL
  • Working with render props
7. React Router
  • Installing React Router v6
  • Configuring the Router
  • Incorporating the Link component
  • Nesting links with React Router v6
8. React Testing and Deployment
  • Using Create React App as a testing platform
  • Testing small functions with Jest
  • Introducing React Testing Library
  • Testing events with React Testing Library
  • Deploying to Netlify
Conclusion
  • Next steps

Taught by

Eve Porcello

Related Courses

Front-End Web Development with React
The Hong Kong University of Science and Technology via Coursera
React Router and Redux
Microsoft via edX
Introduction to Front-end Development with ReactJS
Coursera Project Network via Coursera
React - The Complete Guide 2024 (incl. Next.js, Redux)
Udemy
The Ultimate App Making Course! Master Many Coding Skills!
Udemy