React Nativeish

Overview:

The React Native…ish V2 theme focuses on maximizing code reuse for Create React App (CRA) and Create React Native App (CRNA). It offers a quick feature comparison, an architecture that supports code sharing between web and mobile, uses React Navigation for mobile and React Router 4 for the web. Additionally, it includes features like Storybook for both web and mobile, jest with enzyme for testing, and blueprints via redux-cli for generating code based on predefined templates.

Features:

• Maximizes code reuse for CRA and CRNA
• React Navigation for mobile & React Router 4 for web
• Storybook for web and for mobile
• Blueprints via redux-cli for code generation
• Supports redux-sagas

Installation:

1. Dependencies: Ensure you have Node >= 6, Yarn >= 0.21.3, and OSX with Xcode for iOS development.
2. Onboarding: Understand react/redux/redux-sagas. Check directory structure and explanations provided.
3. Directory Structure:
   • Components: View layer, eliminate state awareness.
   • Stories: React storybook documentation for components.
   • Containers: Redux-connected components.
   • Scenes: React Native navigation components.
   • Services: Configurable singleton objects for app.
   • Unit Tests & Mocks: Get familiar with jest, TDD, and axios mock adapter.

Summary:

The React Native…ish V2 theme offers a robust solution for code reuse between web and mobile platforms using Create React App and Create React Native App. With features like React Navigation, Storybook, and redux-sagas support, developers can efficiently build and test applications for both environments. The theme’s architecture, directory structure guidelines, and recommended libraries provide a comprehensive development environment for building scalable and maintainable cross-platform applications.