Get Started with React.js and React Router 6

Este curso introduce React.js mediante la construcción de una aplicación de demostración. Enseña componentes, props, estado, formularios, efectos, solicitudes de datos y enrutamiento con React Router 6+; solo requiere conocimientos básicos de JavaScript.

Syllabus

: Introduction
: What Is React?
: React requirements
: Creating a React project
: Exploring a new React project
: Understanding how React works & the role of components
: Building & using a custom component
: Outputting dynamic values
: Reusing components
: Working with “props”
: Styling & working with CSS Modules
: Time to practice
: Preparing the app for “state”
: Listening to user events
: Adding & using “state” via useState
: Lifting state up
: The special “children” prop
: Rendering content conditionally
: Sharing components & more state management
: Adding form buttons
: Handling form submission
: Updating state based on previous state
: Outputting list data
: Connecting frontend & backend
: Sending a POST request
: Handling side effects with useEffect
: Handling “loading” state
: Understanding & adding “Routing”
: Adding routes with “React Router” v6+
: Adding layout routes
: Refactoring route components & more nesting
: Adding links & navigation
: Data fetching via “loader” functions
: Submitting data via “action” functions
: Adding dynamic routes
: Summary