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.
1. What Is React Native?
2. Getting Started
3. Native Components
4. Working with Views
5. Platform APIs
Next steps1m 22s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
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.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.