- [Instructor] Now, it's time to really flush out…the way our splash screen is going to look…and connect it up with our configuration store.…As I mentioned earlier,…we're going to be using mobx for this.…So, let's install that.…Here in my terminal,…I'm in our dinder folder.…I'm going to do yarn add…mobx…and mobx-react.…We'll hit enter,…let those install.…We can clear the screen…and go over to our IDE.…

Mine's already open and in our dinder directory.…The first thing we're going to do…is set up our store to be provided to our component.…To do this, we'll go into app.js…and on line seven, we'll hit enter onto line eight…and import, open curly braces, provider.…This comes from mobx-react.…And, what this does, is it provides stores…two various components within our application.…

In this particular case, it's going to be our splash screen.…The next thing we're going to need to do…is go down to line ten.…We're going to import stores from './app/stores.…Now, this right now only contains our config store,…but we'll add more stores later in the application.…

Resume Transcript Auto-Scroll

Author

Released

1/17/2018

Companies like Facebook, use React Native to create native mobile apps—with native performance—for a variety of platforms. You too can harness the power of React Native to build your own native projects, using JavaScript and the familiar React.js framework. This course provides a complete introduction, starting with using the React Native command-line interface (CLI) to create a new project. Instructor Steve Emmerich goes from this setup step through complete application, using Firebase for authentication and storage and MobX for state management. Follow along and learn how to create scenes, set up navigation, store and manipulate data in databases and files with Firebase, interact with the device camera, and use MobX to manage application states.