Beginning React and Firebase : Create Four Beginner-Friendly Projects Using React and Firebase, 1st Edition

Use React with Firebase to build four beginner-friendly apps. A lot of React tutorials out there today only cover basic web apps, but with additional features the web apps included in this book can be converted into fully scaled startups. You will start with the basics: learn to deploy a React app with Firebase hosting. Next, you will learn to create a fully functional "ToDo" app that will use Firebase database to store a list action items. You will also learn to create a "Stories" app, in which you can show short vertical videos, and a document storage app. Here, we will be able to log in using Google Authentication, and will learn to store files in the app using Firebase storage. Lastly, you will create a career social media app. Your users will be able to log in using email and password authentication. You will learn to use Redux in this project. While creating these web apps, you will employ multiple concepts, including React hooks, React components, and how to use Material UI. You will learn to use Firebase to host your database, as well as hosting your app. With these projects in your portfolio you'll be ready to take your developer skills to the next level. What You'll Learn Use Firebase’s powerful services, and how to connect Firebase with React Explore the React ecosystem, including Redux and React hooks Work with MaterialUI, the popular React UI framework Understand how to use Google Authentication techniques in your sites Deploy all sites using simple Firebase hosting Who This Book Is For Developers at the beginning of their career, or anyone who wants to take their React skills to the next level. Table of Contents About the Author About the Technical Reviewer Chapter 1: Setting Up and Deploying a ReactJS Project with Firebase Introduction to Firebase Creating a Firebase Account Setting Up Hosting Deploying a Simple ReactJS Project from the Terminal Summary Chapter 2: Building a To-Do App with React and Firebase Getting Started Initial Firebase Setup Basic React Setup Local To-Do List Using Firebase Adding Firebase to the App Deploying Firebase Summary Chapter 3: Building a Stories App with React and Firebase Initial Firebase Setup Basic React Setup Basic Structure of the App Showing Short Videos in the App Creating the Header Component Creating the Footer Component Setting Up the Firebase Database Integrating the Firebase Database with React Deploying and Hosting Through Firebase Summary Chapter 4: Building a Storage App with React and Firebase Getting Started Initial Firebase Setup Basic React Setup Creating a Header Creating the Sidebar Uploading Files Using Firebase Displaying Files with the FileViewer Component Creating the FileCard Component Creating the SideIcons Component Adding Google Authentication Deploying and Hosting Through Firebase Summary Chapter 5: Building a Career-Related Social Media App with React and Firebase Getting Started Initial Firebase Setup Basic React Setup Creating the Header Creating the Sidebar Creating the Feed Component Building the Post Section Integrating Firebase with React Integrating Redux Building the Login Page Adding Email Authentication Using User Information Building the Widget Section Deploying and Hosting Through Firebase Summary Index Use React with Firebase to build four beginner-friendly apps. A lot of React tutorials out there today only cover basic web apps, but with additional features the web apps included in this book can be converted into fully scaled startups. You will start with the basics: learn to deploy a React app with Firebase hosting. Next, you will learn to create a fully functional "ToDo" app that will use Firebase database to store a list action items. You will also learn to create a "Stories" app, in which you can show short vertical videos, and a document storage app. Here, we will be able to log in using Google Authentication, and will learn to store files in the app using Firebase storage. Lastly, you will create a career social media app. Your users will be able to log in using email and password authentication. You will learn to use Redux in this project. While creating these web apps, you will employ multiple concepts, including React hooks, React components, and how to use Material UI. You will learn to use Firebase to host your database, as well as hosting your app. With these projects in your portfolio you'll be ready to take your developer skills to the next level. You will: Use Firebase's powerful services, and how to connect Firebase with React Explore the React ecosystem, including Redux and React hooks Work with MaterialUI, the popular React UI framework Understand how to use Google Authentication techniques in your sites Deploy all sites using simple Firebase hosting