React is a library used to create user interfaces declaritively. React Components are descriptions of what UI should look like, and React itself builds and maintains the User Interface.
- [Narrator] React is a library…used to create user interfaces, or UI.…It was started at Facebook; React was designed…to solve some of the challenges and complexities…that Facebook engineers were facing when dealing…with large scale data-driven websites.…React was originally released in 2013,…and since then has grown rapidly…and continues to grow rapidly in popularity.…It's a small library, and it doesn't come with…everything that you need to get the job done.…But it does come with everything you need…to build concise data-driven user interface.…React is declarative, that means that…the code itself describes what should happen.…
For example, React Components are not…made up of HTML, they're JavaScript.…They use HTML-like syntax, JSX,…to describe what the UI should look like.…React follows these instructions…to actually construct and manage the UI.…In this case, the Resident Component describes…what the DOM should look like for a Resident.…When React builds the UI, it follows…the instructions that are sent to it.…
Author
Alex Banks
Updated
8/21/2017Released
5/2/2017- How React Native works
- Running an iOS app
- Debugging an app
- Working with components
- Creating style sheets
- TouchableHighlight
- ScrollView
- ListView
- AsyncStore
- Preparing a color list and color info
- Using the navigator
- Fetching data
Skill Level Intermediate
Duration
Views
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.
-
Introduction
-
Welcome1m 1s
-
What you should know1m 34s
-
-
1. What Is React Native?
-
What is React?1m 52s
-
What is React Native?1m 44s
-
How React Native works2m 55s
-
-
2. Getting Started
-
Install React Native4m 18s
-
Set up your first app5m 18s
-
Run an iOS app4m 24s
-
Debug your app4m 7s
-
Android setup8m 59s
-
Run the Android emulator4m 47s
-
-
3. Native Components
-
Create style sheets6m 17s
-
Understand flexbox6m 25s
-
The image component7m 22s
-
4. Working with Views
-
Respond to touches7m 20s
-
TouchableHighlight5m 47s
-
Use the ScrollView9m 59s
-
Work with the ListView8m 19s
-
Collect data14m 56s
-
-
5. Platform APIs
-
Use AsyncStore6m 32s
-
Prepare the color list6m 30s
-
React navigation14m 58s
-
Use the navigator6m 57s
-
Incorporating a WebView8m 41s
-
Fetch data11m 17s
-
-
Conclusion
-
Next steps1m 22s
-
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
Press 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.
Share this video
Embed this video
Video: What is React?