React: SPAs (2018)
3h 47mIntermediate2018-11-07
Authors
Ray Villalobos
Senior Staff Instructor at LinkedIn Learning
Course details
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.
Learning objectives
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
Learning objectives
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
Skills covered
React.jsMetaFront-End Web DevelopmentWeb DevelopmentDeep Dive (X:Y)
Concepts
0. Introduction
- 01 - Building single-page apps with React
- 02 - Working with exercises
1. Getting Started
- 03 - Using create-react-app
- 04 - Creating a simple component
- 05 - Working with subcomponents
- 06 - Creating CSS rules in React
- 07 - Working with props
- 08 - Conditional components
2. Routing and Connecting to a Database
- 09 - Navigation with react-icons
- 10 - Basic routing using Reach Router
- 11 - Connecting to Firebase
- 12 - Managing state in forms
- 13 - Verifying form input
3. 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
4. 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
5. 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
6. 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