Learn how to create UI with Native Components instead of browser DOM Components. In this lesson, Alex introduces the View, Text, and StatusBar ReactNative components.
- [Instructor] In this next chapter, we're going to start…to look at some of the native components…commonly used in react native.…We're going to go ahead and start this chapter by…creating a new app, so I'm inside an empty start…folder inside of chapter three lesson one,…under our exercise files, and I'm going to go ahead…and create a new app by typing react native init sample app.…So I'm going to create a new app called sample app,…that's the name of the application.…And react native will build the files,…as well as download the dependencies for our sample app.…
So once this is finished, we're going to go ahead…and navigate to the sample app directory.…Cd sample app, clear, and that will clear the screen,…take us within the sample app directory.…So the next thing I'm going to do is I'm going to go ahead…and run the sample application.…React native, run ios.…And this will build our ios application,…as well as open up the iPhone six simulator,…and it will run the application in there.…
So we'll also see our react packager window pop up,…
- How React Native works
- Running an iOS app
- Debugging an app
- Working with components
- Creating style sheets
- Preparing a color list and color info
- Using the navigator
- Fetching data
Skill Level Intermediate
Q: This course was updated on 08/21/2017. What changed?
A: New videos were added that cover Android setup and running the Android emulator. In addition, the following topics were updated: building color info component, fetching data, and incorporating a WebView.