Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save marknorgren/fac9b866ce528697aabb761ae9988913 to your computer and use it in GitHub Desktop.
Save marknorgren/fac9b866ce528697aabb761ae9988913 to your computer and use it in GitHub Desktop.

React Native Live

June 30, 2016

76th Frontend Masters Workshop

Scott Moss

  • @scotups
  • Github - @Hendrixer

Livestream Video Links

Links

Notes

Resources

Agenda

Day One

  • 8:30 Grettings and tech check
  • 9:00 Intro to React and React Native
  • 9:30 Hack (Build basic list app with React)
  • 10:00 Foundational components in React Native
  • 10:30 Hack (Convert basic list app from React to React Native)
  • 11:00 Devtools walkthrough
  • 11:30 Get comfy with devtools
  • 12:00 Lunch
  • 1:00 Intro to styling
  • 1:30 Hack (style our App)
  • 2:00 Redux and state management
  • 2:30 Hack (Integrate Redux into our App)
  • 3:00 Fetch API and networking
  • 3:30 Hack (Inegrate API interaction into our App)
  • 4:00 Finish up day 2

Day Two

  • 9:00 Go over designs for app we’ll be making
  • 9:30 Hack (Bootstrap and create new App)
  • 10:00 Intro to routing
  • 9:30 Hack (setup routing)
  • 10:00 Creating reusable comopnents
  • 10:30 Hack (create components for our App)
  • 11:30 Installing 3rd party native UI components
  • 12:00 Lunch and Hacking (download and install sliding tab view)
  • 1:00 Async and Redux
  • 1:30 Hack (Add API calls to redux)
  • 2:00 Animations
  • 2:30 Hack (add animations to our App)
  • 3:00 Testing
  • 3:30 Hack (Add Unit and Integration tests)
  • 4:00 Going further and resources
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment