Intro To React Native
summary
Shows how JavaScript maps to real native UI: React Native boots a tiny native shell, runs a JSCore instance, and renders native components not HTML. Demonstrates setup with node, watchman and the react-native CLI, live reload and Chrome debugging. Builds a working Spotify artist lookup using fetch to the Spotify Search API, images (require vs {uri}), ListView for large lists and an Animated fade‑in wrapper plus Navigator routing — the demo is built and runs in the iOS simulator.
AI-written summary · about
chapters (33)
- 0:00Start
- 0:14Hybrid Applications
- 1:32React Native
- 3:00Polyfills
- 3:40Css
- 5:17How React Native Is Different from Hybrid
- 6:34Flexbox
- 11:21Create Styles
- 12:36Register Component
- 13:13Debugging Features
- 13:34Live Reload
- 13:55Enable Debugging in Chrome
- 15:03Consult Error
- 18:48Status Bar
- 20:39List View
- 21:59Data Source
- 27:28Touchable Component
- 28:16Image Loading
- 29:11Require an Image
- 31:39Fetch Api
- 36:31Animations
- 37:48Tinder Swipe Card
- 38:34Fading Fading View Component
- 39:05Animation
- 39:48Animated Timing
- 41:19Animating Opacity
- 41:51Children Props
- 43:17Hook Up the Router
- 43:54Navigator Component
- 44:27Routing
- 44:37Stack Based Navigation
- 45:47Artist Component
- 46:19Navigation Bar
related talks
01h 01mBuilding Native iOS Apps using React Native
52mReact Native
25mReact developers in a wild world of native apps
27mBuilding high quality mobile apps with React Native
30mReact Native
26mReact Native: A Beginner's Journey
39mReact Native - Unleash the power of React in your device
22mCoding Session: React Native Practice