React Native uses CSS Syntax to style Native Components. In this lesson, Alex Banks introduces the stylesheet object and shows how to create new style sheets to use with the components.
- [Instructor] In the last lesson, we created…a brand new React Native application that displayed…a couple names on the screen.…In this lesson, we're going to style those names.…So I still am right where I left off.…I have the iPhone 6 simulator running,…it has our application, it's live reloading,…I have the code from index.ios.js in front of me…inside of Atom, if I make or save changes to this file,…we should see them instantly reload inside…of the iPhone 6 simulator, that is because…we still have the React Packager running…in a terminal window here on this other screen.…
So let's go ahead and get started.…Let's add some styles to these components.…So React Native uses CSS, but it's not the same…CSS used in the browser.…React Native uses a subset of common CSS rules…as an abstraction for layout and appearance.…What that means is you can style native elements…using CSS syntax, but then React Native uses…your CSS syntax to layout and style the components…in their native language.…It's not actual CSS.…Let me show you what I'm talking about.…
- 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.