Serverless Web Applications with React and Firebase Develop Real-Time Applications for Web and Mobile Platforms
React and Firebase are just the right match to build real-time applications. This book covers essentials for React, Redux, and Firebase. You'll learn to design, create and maintain professional apps, as well as share practical insights that include basic to advanced examples; from hello world t...
Uloženo v:
| Hlavní autoři: | , |
|---|---|
| Médium: | E-kniha |
| Jazyk: | angličtina |
| Vydáno: |
Birmingham
Packt Publishing, Limited
2018
Packt Publishing Limited Packt Publishing |
| Vydání: | 1 |
| Témata: | |
| ISBN: | 1788477413, 9781788477413 |
| On-line přístup: | Získat plný text |
| Tagy: |
Přidat tag
Žádné tagy, Buďte první, kdo vytvoří štítek k tomuto záznamu!
|
Obsah:
- Cover -- Title Page -- Copyright and Credits -- Packt Upsell -- Contributors -- Table of Contents -- Preface -- Chapter 1: Getting Started with Firebase and React -- React -- Component lifecycle -- Methods info -- The constructor() method -- The render() method -- The componentWillMount() method -- The componentDidMount() method -- The componentWillReceiveProps() method -- The shouldComponentUpdate() method -- The componentWillUpdate() method -- The componentDidUpdate() method -- The componentWillUnmount() method -- The componentDidCatch() method -- Firebase -- Realtime Database -- Database rules -- Backups -- Usage -- Cloud Firestore -- Security rules -- Difference between Realtime Database and Cloud Firestore -- Data model -- Real-time and offline support -- Querying -- Reliability and performance -- Scalability -- Security -- Crash reporting -- Authentication -- FirebaseUI authentication for web -- Cloud Functions -- How does it work? -- Cloud Storage -- Hosting -- Test lab for Android -- Performance Monitoring -- Google Analytics -- Cloud Messaging -- Dynamic Links -- Remote config -- Invites -- App indexing -- AdMob -- AdWords -- Getting started with Firebase -- Firebase events -- value -- child_added -- child_changed -- child_removed -- child_moved -- Summary -- Chapter 2: Integrate React App with Firebase -- Setting up the environment -- Installing React -- Using React -- React components -- What is JSX in React? -- Advantages of using JSX in React -- How to make your code neat and clean -- React Form with JSX -- Using React-Bootstrap -- Add Ticket Form with React-Bootstrap -- Firebase with React -- Props and state -- The Ref attribute -- Summary -- Chapter 3: Authentication with Firebase -- React and Firebase setup with Node.Js -- Firebase configuration for authentication -- Authentication with Facebook
- Key features of Cloud Functions -- Seamless integration with other Firebase Products and third-party APIs -- No server to maintain -- Private and secure -- Life cycle of a function -- Setup of Firebase SDK for Cloud Functions -- Firebase CLI -- Initializing the Firebase Cloud project -- Deployment and execution of Cloud Function -- Triggering Functions -- Realtime Database Triggers -- Authentication triggers -- Cloud Storage Triggers -- HTTP Triggers -- Cloud Firestore Triggers -- Function termination -- Summary -- Chapter 8: Firebase Cloud Storage -- Google Cloud Storage -- Key features of Google Cloud Storage -- Key concepts -- Buckets -- Objects -- Resources -- Object immutability -- Storage classes -- Multi regional storage -- Regional storage -- Nearline storage -- Coldline storage -- Standard storage -- Life Cycle Management -- APIs and tools -- Access control -- Key features of Cloud Storage for Firebase -- How does it work? -- Setting up the Cloud Storage -- Upload Files -- Adding file metadata -- Managing uploads and error handling -- Downloading files -- Deleting files -- Google App Engine -- Firebase hosting -- Deploying your site -- Summary -- Chapter 9: Best Practices -- Best practices with Firebase -- Writing the data -- Avoid nesting data -- Flattern data structure -- Avoid arrays -- Date object -- Custom claims -- Managing the user session -- Enabling offline capabilities in JavaScript -- Optimize database performance -- Monitor Realtime Database -- Improve performance by metric -- Connect your app to multiple database instances -- Best practices with React and Redux -- Use of Redux -- Difference between Redux and Flux -- Immutable React State -- React Routing -- JSX components -- Semantics / structured syntax -- Use of PropType in React component -- Benefit of higher-order components -- Redux Architecture benefits -- Summary
- Creating a login form with React for authentication -- Authentication with Facebook -- Authentication with Google -- Handling account exists errors -- Managing the Login across Refresh -- Authentication with email and password -- Supported types of Auth state persistence -- Summary -- Chapter 4: Connecting React to Redux and Firebase -- React setup -- Integrating Firebase Realtime Database -- What is Redux? -- Presentational and Container components -- Basics of Redux -- Actions -- Action creators -- Reducers -- Store -- Data flow -- Advanced topics in Redux -- Seat booking with Redux -- Summary -- Chapter 5: User Profile and Access Management -- Setting up Firebase Admin SDK -- Firebase CLI -- Installation -- Firebase Admin Integration -- Using the Firebase Admin Auth API with React -- Initializing the Admin SDK -- Creating and verifying custom token -- Custom claims for admin access and security rules -- Adding custom claim with Admin SDK -- Verifying custom claim with Admin SDK sending the app -- How data is structured in a JSON tree -- Summary -- Chapter 6: Firebase Security and Rules -- Security risks and prevention -- How secure is your Firebase? -- Realtime Database Rules Overview -- Authentication -- Authorization -- Data validation -- Rule definition and structure -- Query-based rules -- Data indexing -- Backups -- Setup -- Restoring from backups -- Summary -- Chapter 7: Using Firebase Cloud Messaging and Cloud Functions with React -- Firebase Cloud Messaging (FCM) -- Key features of FCM -- Sending downstream messages -- Sending upstream messages -- Versatile message targeting -- FCM messages -- Setup of Firebase for Javascript web app -- Installing Firebase and Firebase CLI -- Configuring the browser to receive messages -- Client app setup to receive notifications -- Server setup to send the notifications -- Cloud Functions
- Other Books You May Enjoy -- Index
- Serverless Web Applications with React and Firebase: Develop real-time applications for web and mobile platforms