動画検索
関連広告
検索結果
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
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
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
Introduction
First React Practice
Goodbye, CDNs!
Components
How to install Node.js
Quick Mental Outline of Project
Color The Bullets
Share your work
Project Card Component
Destructuring Props
Review - Array.map()
Loading Images from .map()
Share your work
Project Analysis
Props vs. State
useState - Changing state with a callback Function
Complex State
Passing data around
Form inputs practice
Project: add text to image
Project:get memes from API
Section3 recap
Notes App Development
End game
Congrats on completing Module 1!