Build Production-Ready Apps in React

سرفصل های دوره

Do you need to build applications with ReactJS, the popular JavaScript front-end framework developed by Meta (formerly Facebook)? In this course, web developer and trainer Sandy Ludosky guides you through the process of building a single-page application efficiently, using built-in utilities and out-of-the-box tools. Learn how to set up the tools and files that you will need for this course, then step through starting a new React project. Explore tools to help you move from stateless to stateful React components, and go over how to use the Context API to manage the state of your app. Find out how to add the Firebase to your React project, then connect to a Cloud Firestore database. Dive into functionality like creating a bucket to store images, authenticating and managing users, and implementing client-side routing with React-Router V6. Learn about filtering, searching, and debugging. Plus, go over how to deploy your React app using Firebase Hosting.

01 - Introduction

01 - Build a stellar single-page application with React

02 - 1. Getting Started and Setting Up

01 - What you should know

02 - The tools and the exercise files

03 - The React CLI and the React Developer Tools

04 - Project overview

03 - 2. Start a New React Project

01 - Add Bootstrap 5 to your single-page application

02 - Build a responsive layout with Bootstrap 5

03 - Build the UI and create reusable components

04 - Pass props to child components

05 - Challenge Thinking in React

06 - Solution Breaking up the UI

04 - 3. From Stateless to Stateful React Components

01 - Introduction to Hooks API Reference

02 - Learn event handling and updating the state

03 - Handle conditional rendering

04 - Work with forms

05 - Submit the form and apply side effects useEffect

06 - Validate and submit forms useMemo

07 - Handle complex logic with useReducer

08 - Create and dispatch actions

09 - Compose and update the UI

05 - 4. Manage the State of Your App with the Context API

01 - Create a context object

02 - Set up a Provider component to encapsulate the application logic

03 - Challenge Manage a global state

04 - Solution Allow components to subscribe to context changes

06 - 5. Add Firebase to Your React Project

01 - Introduction to the Firebase Google console

02 - Create a new project and a new application

03 - Install the Firebase services SDK

07 - 6. Create and Connect to a Database (Firestore)

01 - Get started with the Cloud Firestore

02 - Learn to add and manage data

03 - Set a new document and store and sync data into the Cloud Firestore

04 - Learn to read data from a collection

05 - Get documents and display them in the app

06 - Define React environment variables

08 - 7. Create a Bucket to Store Images (Cloud Storage)

01 - Get started with Cloud Storage on the web

02 - Define an async function to send a file to storage

03 - Upload a file to the storage

04 - Download a file URL from storage

05 - Set documents with images Update the UI

06 - Set documents with images Set the date

09 - 8. Authenticate and Manage Users (Firebase Auth)

01 - Start with Firebase Authentication and select the provider

02 - Google Cloud Platform Create new credentials

03 - Authenticate and manage users from the application

04 - Manage the state with the Context API Component Provider

05 - Manage the state with the Context API Custom hook

06 - Subscribe components to the context changes User connected

07 - Create new documents with the user connected

08 - Secure your data in Cloud Firestore and Cloud Storage

10 - 9. Client-Side Routing with React-Router V6

01 - Install React router DOM v6

02 - Configure the routes and create a navigation component

03 - Use Link component to navigate between pages

04 - Allow navigation between multiple views

05 - Conditional rendering and protected route

06 - Use the React router hooks useNavigate

07 - Use the React router hooks useLocation

08 - Create the routes for NotFound and Profile

09 - Display the active link

11 - 10. Filtering, Searching, and Learning to Debug

01 - Implement a search and filter function

02 - Create a new action to return filtered results

03 - Subscribe to the context changes and apply side effects in the UI

12 - 11. Deploy Your React App (Firebase Hosting)

01 - Install the Firebase CLI and initialize a new project

02 - Create a production build and deploy your site to the cloud

13 - Conclusion

01 - Last words and next steps

189,000 تومان

افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: LinkedIn Learning (Lynda)