CRUD Application using
React-Native, Redux and
Redux Sagas
Waqqas Jabbar (12 August 2017)
About Me
- Making software since 2000
- Web development since 2011
- PHP (Yii Framework)
- Mobile app development since 2015
- React-Native
Project Organization
- React does not provide any project directory structure
- Generate project using Ignite CLI
- PROS
- Redux and Redux Sagas included
- Make your own boilerplates
- CONS
- Cleaning up code that is generated
Choosing a UI Library
- Criteria
- How much custom UI that you want
- Options
- NativeBase
- React-Native-Elements (RNE)
- Use Standard React-Native or individual components
- Insights
Handling Authentication
Storing data in Redux
- Handle logout action in every reducer
- To reset data on logout
Writing application logic
- Use Redux Sagas
- Use “call” for any function that return promise
- Convert call-back to promise
- Use Redux Channels
- Upload Progress
- Firebase DB changes
Navigation and Routing
- Options
- React-Navigation (RN)
- React-native-router-flux (RNRF)
- Insights
- RN works for web and native
- RN uses the latest best practices
- RNRF is more stable than RN
Questions and Answers
Code Sample
https://github.com/waqqas/FaustApp
https://www.linkedin.com/in/waqqasjabbar/
https://github.com/waqqas
https://twitter.com/waqqasjabbar

Crud application using react native, redux and redux sagas

  • 1.
    CRUD Application using React-Native,Redux and Redux Sagas Waqqas Jabbar (12 August 2017)
  • 2.
    About Me - Makingsoftware since 2000 - Web development since 2011 - PHP (Yii Framework) - Mobile app development since 2015 - React-Native
  • 3.
    Project Organization - Reactdoes not provide any project directory structure - Generate project using Ignite CLI - PROS - Redux and Redux Sagas included - Make your own boilerplates - CONS - Cleaning up code that is generated
  • 4.
    Choosing a UILibrary - Criteria - How much custom UI that you want - Options - NativeBase - React-Native-Elements (RNE) - Use Standard React-Native or individual components - Insights
  • 5.
  • 6.
    Storing data inRedux - Handle logout action in every reducer - To reset data on logout
  • 7.
    Writing application logic -Use Redux Sagas - Use “call” for any function that return promise - Convert call-back to promise - Use Redux Channels - Upload Progress - Firebase DB changes
  • 8.
    Navigation and Routing -Options - React-Navigation (RN) - React-native-router-flux (RNRF) - Insights - RN works for web and native - RN uses the latest best practices - RNRF is more stable than RN
  • 9.
    Questions and Answers CodeSample https://github.com/waqqas/FaustApp https://www.linkedin.com/in/waqqasjabbar/ https://github.com/waqqas https://twitter.com/waqqasjabbar