Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/uidb-dev/react.cordova
best bundle to webApp mobile- react and cordova
https://github.com/uidb-dev/react.cordova
android hybrid-app hybrid-mobile-app ios react react-cordova react-cordova-bundle react-native reactjs webapp
Last synced: 3 months ago
JSON representation
best bundle to webApp mobile- react and cordova
- Host: GitHub
- URL: https://github.com/uidb-dev/react.cordova
- Owner: uidb-dev
- Created: 2019-05-18T21:23:13.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-05-28T13:45:30.000Z (over 1 year ago)
- Last Synced: 2024-10-31T23:31:30.669Z (3 months ago)
- Topics: android, hybrid-app, hybrid-mobile-app, ios, react, react-cordova, react-cordova-bundle, react-native, reactjs, webapp
- Language: JavaScript
- Homepage:
- Size: 74.7 MB
- Stars: 67
- Watchers: 4
- Forks: 9
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
![](https://img.shields.io/npm/dt/react.cordova?color=blue&label=Total%20CURRENT%20INSTALLS&style=for-the-badge)
# Reco (react.cordova)
## [Full documentation](https://ui-db.com/open-source/react.cordova)
Welcome to `Reco` (React+Cordova). Reco unifies React.js and Cordova into one CLI which
bundles both platforms together and provides the developer with the ability to generate Cordova hybrid cross-platform
applications built in React.js. This bundled platform facilitates and automates project initialization,
compilation and build actions for React.js developers who wish to build web/mobile/desktop applications using the powerful and most vast Cordova environment. Reco is the bundle where both Cordova and React.js platforms merge and work together as one. Enjoy your
coding and development experience using Reco!
React.js Cordova
I dedicate a considerable amount of my time to developing and maintaining this Cli, along with my other Open Source software. To help ensure this Cli is kept updated, new features are added and bugfixes are implemented quickly, please donate a couple of dollars (or a little more if you can stretch) as this will help me to afford to dedicate time to its maintenance. Please consider donating if you're using this plugin in an app that makes you money, if you're being paid to make the app, if you're asking for new features or priority bug fixes.
### Installing Reco CLI
```cli
sudo npm install -g react.cordova
```### Initialize a new bundle project
```cli
reco init com.example.hello "hello world"
```
*Note: creates both **`react-app`** and **`cordova-app`** and then will merge one into the other*### Explore Reco CLI
To get full CLI reference of all commands and features currently available, run the following command
```cli
reco help
```New version
```
project folder
|
|--src
|--public
|--platforms
|--plugins
|--www
|--build
|--hooks
|--package.json
|--package-lock.json
|-- ...
```### Serve debug mode
To run a bundle serve React and Cordova simulation
```cli
npm start
```### Project build
Perform a build action for your project using the following command
```cli
npm run build
```
```cli
npm run build
```Builds **`cordova-app`** for browser, mobile and other platforms.
*Note: will generate an **apk** installable package for Android devices*
*Note: will generate an **xcworkspace** XCode project that can be compiled and built for deployment on iOS devices*### Integrated Cordova CLI
To run Cordova CLI simply prepend the **`reco`** prefix to any Cordova command line**For example:**
```cli
cordovacordova platform
cordova platform
cordova plugin
```Learn more about Cordova: **[Cordova get started](https://cordova.apache.org/#getstarted).**
### Integrated React.js CLI
You can run React.js CLI from within the project's directory
**For example:**
```cli
npm startnpm test
npm install
npm uninstall
npm
```Learn more about React.js apps: **[create React.js app documentation](https://facebook.github.io/create-react-app/docs/getting-started)**
Learn programming in React.js: **[React.js documentation](https://reactjs.org/)**
Old version ( < 2.0.0)
```
project folder
|
|--cordova
| |
| |--hooks
| |--platforms
| |--plugins
| |--www
| |--package.json
| |--package-lock.json
| |-- ...
|
|--react-js
| |--src
| |--public
| |--build
| |--package.json
| |--package-lock.json
| |-- ...
```### Serve debug mode
To run a bundle serve React and Cordova simulation
```cli
reco start
```
or
```cli
npm start
```### Project build
Perform a build action for your project using the following command
```cli
reco build
```
or
```cli
npm run build
```
*Node: `` is not requred.Builds **`cordova-app`** for browser, mobile and other platforms.
*Note: will generate an **apk** installable package for Android devices*
*Note: will generate an **xcworkspace** XCode project that can be compiled and built for deployment on iOS devices*### Integrated Cordova CLI
To run Cordova CLI simply prepend the **`reco`** prefix to any Cordova command line**For example:**
```cli
reco cordovareco platform
reco platform
reco plugin
```Learn more about Cordova: **[Cordova get started](https://cordova.apache.org/#getstarted).**
### Integrated React.js CLI
You can run React.js CLI from within the project's directory
**For example:**
```cli
reco start (Choose the first option)reco test
reco install
reco uninstall
reco react
react
```Learn more about React.js apps: **[create React.js app documentation](https://facebook.github.io/create-react-app/docs/getting-started)**
Learn programming in React.js: **[React.js documentation](https://reactjs.org/)**
_______________________________________________________________________
### Prerequisites
#### npm
[get-npm](https://www.npmjs.com/get-npm)#### Java
Recommended version 1.8.0 [get-Java](https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html)#### Cordova
```cli
npm install -g cordova
```
## If you have any problems, please let us know [here](https://github.com/uidb-dev/react.cordova/issues), and we will make our best effort to resolve it soon
## Feel free to edit the code yourself: go to [bin/cli.js](https://github.com/uidb-dev/react.cordova/blob/master/bin/cli.js)## If you have any private problems please ask to support [here] (https://www.fiverr.com/share/5bpN56)
Created by [UIDB](https://ui-db.com)