Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

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


      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
cordova

cordova 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 start

npm 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 cordova

reco 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)