Make use of Firebase and mobx-firebase-store to handle storing settings and general data in the application. In this video, learn how to set up a Mobx store using Firebase to store settings and various data.
- [Narrator] Previously we created a splash screen.…But it needed data from the settings store.…Settings is going to be our first MobX slash Firebase store.…So you need to install Firebase and handle…it's initialization.…Let's go to the terminal,…and in here, we will install Firebase using npm,…npm install dash dash save.…Because we want it to save to our package dot jay son…The first package will be Firebase.…Go ahead and install that.…While that installs, we are going to be installing…3 other packages.…
Mobx, Mobx react and Mobx Firebase store.…Let's clear the screen.…Let's go ahead and install those now.…New npm install dash dash save, first will be mobx, then…mobx dash react, then mobx dash firebase dash store.…And lastly a peer dependency for Mobx Firebase store…which is firebase dash nest.…Go ahead and install those, great.…
Let's clear the screen and go back to our code editor.…In here, under app, we'll make a new folder and…will call this stores.…Inside of stores we need a new file,…we'll call it settings, store, dot js.…
- Setting up your project and Firebase account
- Creating the app container
- Setting up basic navigation
- Creating a splash screen
- Creating a login screen
- Creating a match feature
- Creating a post feature
Skill Level Intermediate
Building an App with React.js and MeteorJSwith Emmanuel Henri4h 20m Intermediate
Building a Web Interface with React.jswith Ray Villalobos1h 21m Intermediate
1. Getting Set Up
2. Building an App
3. Create a Login Screen
4. Create a Match Feature
5. Create a Post Feature
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.