React Native Nw React Calculator screenshot

React Native Nw React Calculator

Author Avatar Theme by Benoitvallon
Updated: 26 Jul 2020
5229 Stars

Mobile, desktop and website Apps with the same code

Categories

Overview:

This project demonstrates how source code can be structured to run on multiple devices, including iOS & Android apps, a desktop app, and a website app. It utilizes technologies such as React, React Native, NW, Electron, and flux architecture to share code logic across platforms.

Features:

  • Cross-Platform Compatibility: Supports iOS & Android apps, desktop app, and website app.
  • Flux Architecture: Share 100% of the flux architecture across different builds.
  • Component Structure: Components designed to share most logic and redefine specific elements for each device.
  • Code Organization: All code contained in the src directory, with main entry files for different builds.

Installation:

  1. Ensure npm is installed.
  2. Run npm install to install dependencies, including React.
  3. Utilize different entry files for specific builds.
  4. Run designated build tools (NW, Electron, etc.) for packaging.

Summary:

This project showcases a versatile approach to developing apps and websites using shared code across platforms. By leveraging technologies like React and flux architecture, developers can streamline development and maintain consistency across different devices. The structured component hierarchy and code organization make it easier to manage and expand the project in the future. Further enhancements could include making the website app isomorphic/universal for added flexibility and performance.