English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 3h 47m | 687 MB
You know the basics of React, but now you want to build a production-ready project. It’s time to dig deeper than the UI. React: SPAs shows you how to build a polished single-page application (SPA), with tools for managing users and reading and writing data from a database. Instructor Ray Villalobos shows you how create React components, add user authentication and authorization, and integrate a Firebase database with custom routing. The project you complete in this course will allow you take your React projects to the next level, and create full-featured user experiences that are fluid and responsive, without constant page loads.
Topics include:
- Routing
- Integrating Firebase
- Managing state in forms
- Registering users
- Logging users in and out
- Creating, editing, and deleting records from Firebase
- Filtering and searching data
Table of Contents
Introduction
1 Building single-page apps with React
2 Working with exercises
Getting Started
3 Using create-react-app
4 Creating a simple component
5 Working with subcomponents
6 Creating CSS rules in React
7 Working with props
8 Conditional components
Routing and Connecting to a Database
9 Navigation with react-icons
10 Basic routing using Reach Router
11 Connecting to Firebase
12 Managing state in forms
13 Verifying form input
Registering and Logging In Users
14 Handling registration in Firebase
15 Storing user data into registration
16 Displaying registration info
17 Logging users out
18 Logging users in
Working with Firebase Data
19 Pushing data to your application
20 Getting information from Firebase
21 Creating a list of meetings
22 Deleting records
23 Checking in users
Working with Attendees
24 Creating your attendee route
25 Displaying a list of attendees
26 Conditional content
27 Deleting attendees
28 Adding stars
29 Creating an email link
Filtering and Searching
30 Filtering and searching through data
31 Resetting your query
32 Picking a random user
33 Creating tighter security rules
Conclusion
34 Next steps
Resolve the captcha to access the links!