🖌
🖌
🖌
🖌
Firebase+React_Notes
Search…
🖌
🖌
🖌
🖌
Firebase+React_Notes
Firebase React Notes
React + firebase
Firebase - Create React app setup
Node & nvm
Create React App + Firebase
Create firebase app
Deploying To Firebase Hosting
Switching Environments
Typescript typings
Firebase cloud function local development
Resources
Firebase React context
Firebase function local dev react
React firebase hooks
Multiple ENVs
Multiple ENVs
Manual setup
Terraform
Firestore
Firestore
Firestore data model
associated Firebase data with Users
Firestore write
Firestore - read
Firestore update
Persisting data offline
Importing json
Auth
Auth
Firebase UI
Firebase Auth with React
Linking auth accounts
Twitter sign in
Google sign in
Database Auth
Custom tokens
Cloud Functions
Cloud Functions
Set node version
Set timeout and memory allocation
Call functions via HTTP requests
HTTPS Callable
Separate Cloud Function in multiple files
Slack integration
Twilio firebase functions
ffmpeg convert audio
ffmpeg transcoding video
Storage
Security
Create
Delete
Uploading with React to Firebase Storage
Getting full path
Firebase `getDownloadURL`
Saving files to cloud storage from memory
Hosting
Hosting
Hosting + cloud functions
Firebase Admin
Firebase admin
Firebase analytics
Firebase analytics
Google App Engine
Google App Engine
GCP App Engine + video transcoding
STT
STT + Cloud Function + Cloud Task
Other
CI Integration
Travis CI integration
Github actions integration
Visual code
Visual code extension
Electron
Firebase with electron
Pricing
Pricing
Testing
Unit testing
Privacy and Security
Privacy and security
Useful resources
links
Firebase Extensions
Firebase extension
Chrome Extension
Firebase in a chrome extension
Cloud Run
Cloud Run
Powered By GitBook
Create React App + Firebase

Run create-react-app

If you already have an application then you can skip these and go to installing Firebase.
To make some steps easier let's pick a name for our new application which we will save as an environment variable to reuse.
1
export REACT_APP=hello-firebase; # replace with your application's name
Copied!
Use npx and create-react-app to boilerplate a new react application. I recommend using Typescript to enable type-checking
1
npx create-react-app ${REACT_APP} --typescript
Copied!
Wait a little bit while create-react-app gets ready. When finished enter the application directory:
1
cd ${REACT_APP}
Copied!

Install firebase-tools

In order to work with firebase you will need the firebase command line tool. The easiest way to get it is to install globally with npm:
1
npm i -g firebase-tools
Copied!
​
Previous
Node & nvm
Next
Create firebase app
Last modified 2yr ago
Copy link
Contents
Run create-react-app
Install firebase-tools