fmcorz / react-native-vs-ionic-todos

Simplistic application to compare React Native and Ionic 2

React Native vs. Ionic 2

Here is a (very) simplistic non-persistent TODO app implemented in both Ionic 2 and React Native for the sake of comparing both frameworks.

React Native

The code is here: rn/todoapp.js.

To try:

cd rn
npm install
react-native run-android

Ionic

The code: (based on the _blank template)

• Typescript: ionic2/app/pages/home/home.ts
• Template: ionic2/app/pages/home/home.html

To try:

cd ionic2
npm install
ionic serve

Note: In the limited amount of time spent on this I couldn't figure out how to properly style the "Hide done" toggle.

Code quality

The code can, and should, be better. Only one component was used in React Native to contain most of the code in one place. The same goes with Ionic, although there may be more absurdities there as I'm not as familiar with that framework. Feel free to submit a pull request if I've made ridiculous mistakes.

License

Do whatever you want.

react-native-vs-ionic-todos's Issues

Malformed package.json

Ran commands to run ionic as directed in the readme but the program failed to run

$ ionic serve
[ERROR] The package.json file seems malformed.

The base requirements include name and version which are both missing from the ionic package.json

ionic2 npm install fails on "angular/forms" not found

Running on Windows from the ionic2 directory npm install fails with the error

npm ERR! 404 Not Found
npm ERR! 404
npm ERR! 404 'angular/forms' is not in the npm registry.
npm ERR! 404 You should bug the author to publish it
npm ERR! 404
npm ERR! 404 Note that you can also install from a
npm ERR! 404 tarball, folder, or http url, or git url.

npm ERR! System Windows_NT 10.0.15063
npm ERR! command "C:\Program Files\nodejs\node.exe" "C:\ProgramData\chocolatey\lib\npm\tools\node_modules\npm\bin\npm-cli.js" "install"
npm ERR! cwd c:\code\temp\react-native-vs-ionic-todos\ionic2
npm ERR! node -v v5.10.0
npm ERR! npm -v 1.4.9
npm ERR! code E404