• Complain

Mayur Tanna - Serverless Web Applications with React and Firebase

Here you can read online Mayur Tanna - Serverless Web Applications with React and Firebase full text of the book (entire story) in english for free. Download pdf and epub, get meaning, cover and reviews about this ebook. year: 2018, publisher: Packt Publishing, genre: Computer. Description of the work, (preface) as well as reviews are available. Best literature library LitArk.com created for fans of good reading and offers a wide selection of genres:

Romance novel Science fiction Adventure Detective Science History Home and family Prose Art Politics Computer Non-fiction Religion Business Children Humor

Choose a favorite category and find really read worthwhile books. Enjoy immersion in the world of imagination, feel the emotions of the characters or learn something new for yourself, make an fascinating discovery.

Mayur Tanna Serverless Web Applications with React and Firebase

Serverless Web Applications with React and Firebase: summary, description and annotation

We offer to read an annotation, description, summary or preface (depends on what the author of the book "Serverless Web Applications with React and Firebase" wrote himself). If you haven't found the necessary information about the book — write in the comments, we will try to find it.

Build rich and collaborative applications using client-side code with React, Redux, and Firebase

About This Book
  • A practical guide covering the full stack for web development with React 16 and Firebase
  • Leverage the power of Firebase Cloud Storage, messaging, functions, OAuth, and database security to develop serverless web applications.
  • Develop high-performance applications without the hassle of setting up complex web infrastructure.
Who This Book Is For

This book is for JavaScript developers who have some previous knowledge of React and want to develop serverless, full-stack applications but without the hassle of setting up a complex infrastructure.

What You Will Learn
  • Install powerful React.js and Firebase tools to make development much more efficient
  • Create React components with Firebase to save and retrieve the data in real-time
  • Use Firebase Authentication to make your React user interface secure
  • Develop React and Firebase applications with Redux integration
  • Firebase database security rules
  • Firebase Cloud Storage Integration to upload and store data on the cloud
  • Create a complete real-time application with React and firebase
  • Using Firebase Cloud messaging and Cloud functions with React
  • Firebase Cloud Storage integration with React
In Detail

ReactJS is a wonderful framework for UI development. Firebase as a backend with React is a great choice as it is easy, powerful, and provides great developer experience. It removes a lot of boilerplate code from your app and allows you to focus on your app to get it out quickly to users. Firebase with React is also a good choice for Most Viable Product (MVP) development.

This book provides more practical insights rather than just theoretical concepts and includes basic to advanced examples from hello world to a real-time seat booking app and Helpdesk application

This book will cover the essentials of Firebase and React.js and will take you on a fast-paced journey through building real-time applications with Firebase features such as Cloud Storage, Cloud Function, Hosting and the Realtime Database. We will learn how to secure our application by using Firebase authentication and database security rules. We will leverage the power of Redux to organize data in the front-end, since Redux attempts to make state mutations predictable by imposing certain restrictions on how and when updates can happen. Towards the end of the book you will have improved your React skills by realizing the potential of Firebase to create real-time serverless web applications.

Style and approach

Practical insights rather than just theoretical concepts while including basic to advanced examples from hello world to a real-time seat booking app and Helpdesk application.

Downloading the example code for this book You can download the example code files for all Packt books you have purchased from your account at http://www.PacktPub.com. If you purchased this book elsewhere, you can visit http://www.PacktPub.com/support and register to have the files e-mailed directly to you.

Mayur Tanna: author's other books


Who wrote Serverless Web Applications with React and Firebase? Find out the surname, the name of the author of the book and a list of all author's works by series.

Serverless Web Applications with 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 "Serverless Web Applications with 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:

Reset

Interval:

Bookmark:

Make
Google Cloud Storage

Google Cloud Platform provides a secure, scalable, cost-effective, and high-performance infrastructure that includes a wide variety of services that are needed for d eveloping, managing, and operating your applications. Google Cloud Storage is a part of Google Cloud Platform, which is a one-stop solution for all your object storage needsfrom storage to live streaming to analytics to archival, it covers everything. Object storage is a massively scalable and cost-effective storage service to store any type of data in its native format.

For your different storage requirements, Google Cloud Storage provides different classes of storage, viz, Multi-Regional Storage, Regional Storage, Nearline Storage, and Coldline Storage.

Setup

You can set up database backups from the Backups tab of the Realtime Database of Firebase section. The setup wizard will guide you through the steps to configure automatic backups. Your Database backup activity will happen at a specific hour each day without affecting the load and ensures the highest availability for all backup customers.

Additionally, you can also take a manual backup whenever you want to get a point in time snapshot of your data and rules.

Your backups will be stored in Google Cloud Storage, which is an object storage service provided by Google Cloud Platform. Essentially, Google Cloud Storage provides buckets that are like directories on computer filesystem, in which your backups will be stored. So, once the setup is done, a bucket will be created with permissions where your Firebase can write the data. We will see Google Cloud Storage and Firebase Cloud Storage in detail in , Firebase Cloud Storage.

The backup service automatically compresses the backup files using Gzip compression that reduces the overall backup size and ultimately reduces cost and also minimizes data transfer time. The compressed file size varies based on the data in your database, but in general, it reduces the overall file size to 1/3 of the original decompressed file size. You can enable and disable Gzip compression based on your requirements.

To save further cost, you can also you can enable a 30-day lifecycle policy on your bucket to delete older backups; for example, backups older than 30 days automatically get deleted.

Your Gzipped JSON files can be decompressed by executing the following command-line command using the gunzip binary, which is available by default on OS-X and most Linux distributions:

gunzip .json.gz

The filenames will be generated based on the following naming conventions. It will have a timestamp (ISO 8601 Standard):

Database data: YYYY-MM-DDTHH:MM:SSZ__data.json
Database rules: YYYY-MM-DDTHH:MM:SSZ__rules.json

If you have Gzip compression enabled, the name will be appended by a .gz suffix.

Consider this example:

Database data: YYYY-MM-DDTHH:MM:SSZ__data.json.gz
Database rules: YYYY-MM-DDTHH:MM:SSZ__rules.json.gz

Once you have taken a backup, you would want to restore it at some point in time. Let's check how we can restore the data from a backup.

Storage classes

Google Cloud Storage supports a range of storage classes based on different use cases. These include Multi Regional and Regional Storage for frequently accessed data, Nearline Storage for less frequently access data, such as data you use not more than once a month, and Coldline storage for infrequently accessed data, such as data you use very rarely, like once a year.

Let's go through them one by one.

Key features of Google Cloud Storage

Google Cloud Storage delivers advantages in the following key areas:

  • Durable: Google Cloud Storage is designed to deliver 99.999999999% annual durability. Data is stored redundantly. When you upload data, it gets replicated in the background with an automatic checksum to ensure data integrity.
  • Available: Google Cloud Storage offers high availability and makes your data available whenever you need it. As per Google Cloud Storage documentation, Multi-Regional offers 99.95% and Regional storage offers 99.9% monthly availability in their Service Level Agreement. Nearline and Coldline storage offer 99% monthly availability.
  • Scalable: Google Cloud Storage is infinitely scalable, so it can support small to an exabyte-scale system.
  • Consistent: Google Cloud Storage ensures read-after-write consistency, meaning that if a write succeeds, the latest copy of the document will always be returned for any GET request, globally. This applies to DELETE or PUT of new or overwritten objects.
  • Secure: Google Cloud Storage is highly secure and has Google grade security to protect your most critical documents, media, and assets. It also provides different Access Control options so that you can control who has access to storage objects and at what level.
  • Easy to Use: Google Cloud Storage provides simple and easy-to-use APIs and utility tools to work with object storage.

We need to understand a few basic concepts of Google Cloud Storage to use it effectively. So, let's look at them here:

Reducers

Actions only specify what has happened but do not specify what is the effect of that action on the application state. The reducer function specifies how the application state is changed. It is a pure function that takes the two argumentsprevious state and an actionand returns the next updated state.

(previousState, action) =>newState

Things you should never do inside a reducer:

  • Modify its arguments
  • API calls and routing
  • Call other non-pure functions, for example, Date.now()

In Redux, a single object represents the application state. So, before we write any code, it is very important to think and decide the structure of the application state object.

It is recommended that we keep our state object as normalized as possible and avoid nesting of objects.

Coldline storage

Coldline storage is a very-low-cost, highly-durable storage service for data archiving and disaster recovery. Though it is like a "cold storage", it provides low latency access to your data. It is the best choice for data that you need once or twice a year. You can also store your daily backups and archived files to Coldline, as you don't need them on regular basis and will need them only in case of disaster recovery. It ensures 99.0% availability SLA *.

Firebase Cloud Messaging (FCM)

FCM provides a platform that helps you send the messages and notifications to the app user in real-time using service workers. You can send hundreds of billions of messages per day for free across different platforms: Android, iOS, and web (Javascript). You can also schedule the message delivery, immediately or in future.

There are two main components in FCM implementation: a trusted environment that includes an app server or a Cloud function to send the messages, and an iOS, Android, or web (JavaScript) client app that receives the messages .

If you know about the Google Cloud Messaging (GCM), you might have a question of how FCM is different from GCM. The answer to this question is that FCM is the latest and improved version of GCM. It inherits all the infrastructure of GCM and carries improvements for the simplified client development. Just note that GCM is not deprecated and Google is still supporting it. However, the new client-side features will only come to FCM and hence as per Google recommendation, you should upgrade from GCM to FCM.

Though it supports different platforms, Android, iOS, and Web, we will mainly talk about web (Javascript) in this chapter. Let's now look at the key features of FCM.

Next page
Light

Font size:

Reset

Interval:

Bookmark:

Make

Similar books «Serverless Web Applications with React and Firebase»

Look at similar books to Serverless Web Applications with 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.


Reviews about «Serverless Web Applications with React and Firebase»

Discussion, reviews of the book Serverless Web Applications with 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.