掌握 React.js - 制作生产级应用程序

Mastering React.js - Crafting Production-Grade Applications

上一讲： 1. Getting started and setting up

下一讲： 3. The tools and the exercise files

视频列表

1. Introduction
1. Getting started and setting up
2. What you should know
3. The tools and the exercise files
4. The React CLI and the React Developer Tools
5. Project overview
2. Start a New React Project
1. Start a new project
2. Add Bootstrap 5 to your single-page application
3. Build a responsive layout with Bootstrap 5
4. Build the UI and create reusable components
5. Pass props to child components
6. Challenge Thinking in React
7. Solution Breaking up the UI
3. From Stateless to Stateful React Components
1. Introduction to Hooks API Reference
2. Learn event handling and updating the state
3. Handle conditional rendering
4. Work with forms
5. Submit the form and apply side effects useEffect
6. Validate and submit forms useMemo
7. Handle complex logic with useReducer
8. Create and dispatch actions
9. Compose and update the UI
4. Manage the State of Your App with the Context API
1. Create a context object
2. Set up a Provider component to encapsulate the application logic
3. Challenge Manage a global state
4. Solution Allow components to subscribe to context changes
5. Add Firebase to Your React Project
1. Introduction to the Firebase Google console
2. Create a new project and a new application
3. Install the Firebase services SDK
6. Create and Connect to a Database (Firestore)
1. Get started with the Cloud Firestore
2. Learn to add and manage data
3. Set a new document and store and sync data into the Cloud Firestore
4. Learn to read data from a collection
5. Get documents and display them in the app
6. Define React environment variables
7. Create a Bucket to Store Images (Cloud Storage)
1. Get started with Cloud Storage on the web
2. Define an async function to send a file to storage
3. Upload a file to the storage
4. Download a file URL from storage
5. Set documents with images Update the UI
6. Set documents with images Set the date
8. Authenticate and Manage Users (Firebase Auth)
1. Start with Firebase Authentication and select the provider
2. Google Cloud Platform Create new credentials
3. Authenticate and manage users from the application
4. Manage the state with the Context API Component Provider
5. Manage the state with the Context API Custom hook
6. Subscribe components to the context changes User connected
7. Create new documents with the user connected
8. Secure your data in Cloud Firestore and Cloud Storage
9. Client-Side Routing with React-Router V6
1. Install React router DOM v6
2. Configure the routes and create a navigation component
3. Use Link component to navigate between pages
4. Allow navigation between multiple views
5. Conditional rendering and protected route
6. Use the React router hooks useNavigate
7. Use the React router hooks useLocation
8. Create the routes for NotFound and Profile
9. Display the active link
10. Filtering, Searching, and Learning to Debug
1. Implement a search and filter function
2. Create a new action to return filtered results
3. Subscribe to the context changes and apply side effects in the UI
11. Deploy Your React App (Firebase Hosting)
1. Install the Firebase CLI and initialize a new project
2. Create a production build and deploy your site to the cloud