Skip to content

Latest commit

 

History

History
60 lines (53 loc) · 2.83 KB

REACT-NATIVE.md

File metadata and controls

60 lines (53 loc) · 2.83 KB
Raw

React Native Learning Path

  • JavaScript
    • Primary language used in React Native
    • ES6 via Babel 6 is used (will move to Babel 7 soon)
  • Swift
    • Used to build native components
  • Objective C
    • Objective C code is being replaced by Swift
  • Redux
    • Used for state management within the React app
    • Integrated with the networking stack
    • Team is moving away from Redux because of maintenance complexities
  • fetchPropsFor
    • Internally developed middleware solution sitting between React and networking components
  • React Native
    • Used to create the apps
    • Important components
      • StyleSheet is an abstraction over CSS
      • Flexbox used for layout of React Native components. (this is part of StyleSheet)
      • Format message used for localization
  • Flow
    • Used for type checking
  • Jest
    • Unit testing framework
  • Lodash
    • Utility library

Learning Resources

Project Ideas

  • JavaScript
    • Start by making a small app without UI (maybe use Node). e.g. Data Seeding app or a Canvas API proxy
  • React Native
    • Create a small "Canvas Grades" React Native App using our newest technology stack which logs into Canvas, grabs and shows grades
      • Build small components login flow in React Native

Other useful resources

  • RNTester
    • A react native sample app that showcases React Native UI components