React: SPAs

Learn how to create polished single-page applications (SPAs) powered by Firebase and React.

Introduction

• Building single-page apps with React
• Working with exercises

1. Getting Started

• Using create-react-app
• Creating a simple component
• Working with subcomponents
• Creating CSS rules in React
• Working with props
• Conditional components

2. Routing and Connecting to a Database

• Navigation with react-icons
• Basic routing using Reach Router
• Connecting to Firebase
• Managing state in forms
• Verifying form input

3. Registering and Logging In Users

• Handling registration in Firebase
• Storing user data into registration
• Displaying registration info
• Logging users out
• Logging users in

4. Working with Firebase Data

• Pushing data to your application
• Getting information from Firebase
• Creating a list of meetings
• Deleting records
• Checking in users

5. Working with Attendees

• Creating your attendee route
• Displaying a list of attendees
• Conditional content
• Deleting attendees
• Adding stars
• Creating an email link

6. Filtering and Searching

• Filtering and searching through data
• Resetting your query
• Picking a random user
• Creating tighter security rules

Conclusion

• Next steps