React Native Web Hello World

Overview

ReactNativeWebHelloWorld is designed for sharing application logic between a React Web app and a React Native app while keeping the component rendering distinct for each platform. The app serves as a simple Hello World demonstration where clicking or tapping the text changes its color from red to blue.

Features

• Platform-specific Rendering: Unique component rendering for React Web and React Native platforms.
• Technologies Used: React, React Native, Redux, Webpack, Babel.
• Directory Structure: Separate directories for Android, iOS, and Web project files.
• Entry Points: Specific entry points for iOS, Android, and Web apps.
• Configured Scripts: Defined scripts for bundling and running the app in development and production environments.

Installation

To set up ReactNativeWebHelloWorld, follow these steps:

1. Clone the repository: git clone https://github.com/your-repository
2. Navigate to the project directory: cd ReactNativeWebHelloWorld
3. Install dependencies: npm install
4. Run the app for the desired platform:
   • For iOS: npm run startios-bundle
   • For Android: npm run android-bundle
   • For Web: npm run web-bundle

Summary

ReactNativeWebHelloWorld allows developers to share core application logic between React Web and React Native platforms while maintaining separate rendering for each. By leveraging technologies like React, Redux, and Webpack, this project provides a structured approach for building cross-platform applications with distinct user interfaces. Moreover, the configured scripts streamline the development process by facilitating easy bundling and running of the app on different platforms.