動画検索
関連広告
検索結果
Course Intro
Prerequisites
What is React?
Setting Up the Development Environment
Creating a React App
Project Structure
Creating a React Component
How React Works
React Ecosystem
Building Components
Creating a ListGroup Component
Fragments
Rendering Lists
Conditional Rendering
Handling Events
Managing State
Passing Data Via Props
Passing Functions Via Props
State Vs Props
Passing Children
Inspecting Components with React Dev Tools
Exercise: Building a Button Component
Exercise: Showing an Alert
Introduction
What is React
Setting Up the Development Environment
Hello World
Components
Your First React Component
Specifying Children
Setting Attributes
Rendering Classes Dynamically
Conditional Rendering
Handling Events
Updating the State
What Happens When State Changes
Passing Event Arguments
Passing Data to Components
Passing Children
Props vs State
Raising and Handling Events
Single Source of Truth
Removing the Local State
Lifting the State Up
Stateless Functional Components
Lifecycle Hooks
Mounting Phase
Unmounting Phase
Intro & Slides
Create a React app
Files & folders
App component & JSX
Creating a component
Component Props
PropTypes
Button Component
Events
Tasks Component
Create a list with .map()
Global state
Task Component
Icons with react-icons
Optional message if no tasks
Toggle reminder & conditional styling
Add Task Form
Form input state (controlled components)
showAddTask state
Button toggle
Build for production
useEffect Hook & Fetch tasks from server
Delete task from server
Add task to server
Routing, footer & about