Nabendu Biswas - Beginning React and Firebase: Create Four Beginner-Friendly Projects Using React and Firebase

Beginning React and Firebase: Create Four Beginner-Friendly Projects Using React and Firebase — read online for free the complete book (whole text) full work

Below is the text of the book, divided by pages. System saving the place of the last page read, allows you to conveniently read the book "Beginning React and Firebase: Create Four Beginner-Friendly Projects Using React and Firebase" online for free, without having to search again every time where you left off. Put a bookmark, and you can go to the page where you finished reading at any time.

Light

Font size:

↓

↑

Georgia Tahoma Arial Verdana

Reset

Interval:

↓

↑

Bookmark:

Make

1234567...20

Contents

Landmarks

Book cover of Beginning React and Firebase

Nabendu Biswas

Beginning React and Firebase

Create Four Beginner-Friendly Projects Using React and Firebase

1st ed.

Logo of the publisher

Nabendu Biswas

Bhopal, India

ISBN 978-1-4842-7811-6 e-ISBN 978-1-4842-7812-3

https://doi.org/10.1007/978-1-4842-7812-3

Nabendu Biswas 2022

This work is subject to copyright. All rights are solely and exclusively licensed by the Publisher, whether the whole or part of the material is concerned, specifically the rights of translation, reprinting, reuse of illustrations, recitation, broadcasting, reproduction on microfilms or in any other physical way, and transmission or information storage and retrieval, electronic adaptation, computer software, or by similar or dissimilar methodology now known or hereafter developed.

The use of general descriptive names, registered names, trademarks, service marks, etc. in this publication does not imply, even in the absence of a specific statement, that such names are exempt from the relevant protective laws and regulations and therefore free for general use.

The publisher, the authors and the editors are safe to assume that the advice and information in this book are believed to be true and accurate at the date of publication. Neither the publisher nor the authors or the editors give a warranty, expressed or implied, with respect to the material contained herein or for any errors or omissions that may have been made. The publisher remains neutral with regard to jurisdictional claims in published maps and institutional affiliations.

This Apress imprint is published by the registered company APress Media, LLC part of Springer Nature.

The registered company address is: 1 New York Plaza, New York, NY 10004, U.S.A.

Any source code or other supplementary material referenced by the author in this book is available to readers on GitHub via the books product page, located at www.apress.com/978-1-4842-7811-6. For more detailed information, please visit http://www.apress.com/source-code.

Table of Contents

About the Author

Nabendu Biswas

is a full-stack JavaScript developer who has been working in the IT industry for the past 16 years and has worked for some of the worlds top development firms and investment banks. He is a popular tech blogger who publishes on dev.to, medium.com , and thewebdev.tech . He is an all-round nerd, passionate about everything JavaScript, React, and Gatsby. You can find him on Twitter @nabendu82 .

About the Technical Reviewer

Alexander Nnakwue

is a self-taught software engineer with experience in back-end and full-stack engineering. Nnakwue loves to solve problems at scale. He is currently interested in startups, open source web development, and distributed systems. In his spare time, he loves watching soccer and listening to all genres of music.

The Author(s), under exclusive license to APress Media, LLC, part of Springer Nature 2022

N. Biswas Beginning React and Firebase https://doi.org/10.1007/978-1-4842-7812-3_1

1. Setting Up and Deploying a ReactJS Project with Firebase

Nabendu Biswas

(1)

Bhopal, India

In this chapter, you will learn about Firebase, which is a set of tools provided by Google. You will also learn how to deploy a simple React app through Firebase hosting.

Introduction to Firebase

Firebase is not just a database but a set of tools; it is often called a back-end-as-a-service (BaaS) . Firebase contains a variety of services , as listed here:

• Authentication: User login and identity

• Real-time database: Real-time, cloud-hosted, NoSQL database

• Cloud Firestore: Real-time, cloud-hosted, NoSQL database

• Cloud storage: Massively scalable file storage

• Cloud functions: Serverless, event-driven back-end functions

• Firebase hosting: Global web hosting

• ML Kit: An SDK for common machine learning tasks

Firebase makes it easy for front-end developers to integrate a back end into their application, without creating any API routes and other back-end code. Figure , Firebase eliminates the back-end work, and you communicate directly with Firebase, hosted on the Google platform with an SDK.

Figure 1-1

Firebase

Its extremely easy to build a project in the Firebase back end with ReactJS as the front end. If you made the same project in MERN (meaning MongoDB, Express, ReactJS, NodeJS ), it would take more time and would be far more complicated as you would need to make the back-end APIs in NodeJS.

The other thing I find easy to do in Firebase is the authentication part. Authentication used to be one of the most complicated parts of JWT authentication, but with Firebase you need only a few lines of code. Even better, you get all types of authentication.

Firebase hosting is also extremely easy to use for your ReactJS apps, and that is what we are going to look at in this book.

Creating a Firebase Account

To work with Firebase, you just need a Google account . So, go to Firebase site at .

Figure 1-2

Firebase site

Setting Up Hosting

Click the Add project link on the page, as shown in Figure . Since I have a lot of projects, the figure shows them on this page. For your first time, you will see only the Add project link.

Figure 1-3

Adding a project

On the page that opens, give the project a name like final-space-react and click the Continue button , as shown in Figure .

Figure 1-4

Naming the project

On the next page, click the Create project button after disabling Google Analytics, as shown in Figure . We are disabling Google Analytics as were creating a demo project here. If you intend to deploy your app in production, you should keep it enabled.

Figure 1-5

Creating a project

Next page

1234567...20

Light

Font size:

↓

↑

Georgia Tahoma Arial Verdana

Reset

Interval:

↓

↑

Bookmark:

Make

Similar books «Beginning React and Firebase: Create Four Beginner-Friendly Projects Using React and Firebase»

Look at similar books to Beginning React and Firebase: Create Four Beginner-Friendly Projects Using React and Firebase. We have selected literature similar in name and meaning in the hope of providing readers with more options to find new, interesting, not yet read works.

Nabendu Biswas

MERN Projects for Beginners: Create Five Social Web Apps Using MongoDB, Express.js, React, and Node

Santana Roldan

React cookbook create dynamic web apps with React using Redux, Webpack, Node.js, and GraphQL

Bonnie Eisenman

Learning React Native

Chinnathambi

Learning React: a hands-on guide to building web applications using React and Redux

Cheng

Build Mobile Apps with Ionic 2 and Firebase Fu Cheng

Harmeet Singh

Serverless Web Applications with React and Firebase: Develop real-time applications for web and mobile platforms

Scott Domes

Progressive Web Apps with React: Create lightning fast web apps with native power using React and Firebase

Fu Cheng

Build Mobile Apps with Ionic 4 and Firebase: Hybrid Mobile App Development [Lingua inglese]

Kirupa Chinnathambi

Learning React: A Hands-On Guide to Building Web Applications Using React and Redux (2nd Edition)

Mayur Tanna

Serverless Web Applications with React and Firebase

Scott Domes [Domes

Progressive Web Apps With React: Create Lightning Fast Web Apps With Native Power Using React and Firebase

Nirmalya Ghosh

5 Practical React Projects

Discussion, reviews of the book Beginning React and Firebase: Create Four Beginner-Friendly Projects Using React and Firebase and just readers' own opinions. Leave your comments, write what you think about the work, its meaning or the main characters. Specify what exactly you liked and what you didn't like, and why you think so.