https://github.com/fmcorz/react-native-vs-ionic-todos
Simplistic application to compare React Native and Ionic 2
https://github.com/fmcorz/react-native-vs-ionic-todos
ionic2 react-native todo
Last synced: 8 days ago
JSON representation
Simplistic application to compare React Native and Ionic 2
- Host: GitHub
- URL: https://github.com/fmcorz/react-native-vs-ionic-todos
- Owner: FMCorz
- Created: 2016-08-07T12:31:27.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-10-20T06:40:53.000Z (over 7 years ago)
- Last Synced: 2025-03-27T08:45:08.923Z (26 days ago)
- Topics: ionic2, react-native, todo
- Language: JavaScript
- Homepage: https://www.codementor.io/fmcorz/react-native-vs-ionic-du1087rsw
- Size: 1.04 MB
- Stars: 148
- Watchers: 8
- Forks: 40
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
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](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](ionic2/app/pages/home/home.ts)
- Template: [ionic2/app/pages/home/home.html](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.