https://github.com/adilbenmoussa/hespress.com-react-native
https://github.com/adilbenmoussa/hespress.com-react-native
android ios lesson react-native redux
Last synced: 1 day ago
JSON representation
- Host: GitHub
- URL: https://github.com/adilbenmoussa/hespress.com-react-native
- Owner: adilbenmoussa
- License: mit
- Created: 2017-06-21T13:04:19.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-07-05T19:49:04.000Z (over 8 years ago)
- Last Synced: 2025-07-26T07:45:01.443Z (2 months ago)
- Topics: android, ios, lesson, react-native, redux
- Language: JavaScript
- Size: 9.28 MB
- Stars: 14
- Watchers: 1
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# hespress.com-react-native
### Final Results - [Youtube playlist](https://www.youtube.com/channel/UCoEuFnwZ1aMYns1X8-KiACQ)
النتيجة النهائية للدروس
اكتب برنامج واحد يعطيك النتيجة في للايفون والاندرويد
ملاحظة: ستايلات الاندرويد لم يتم اكمالهاThe result of my lessons on React-Native
Write one code base, have two platforms supported, iOS and android.
Note: the styles on android haven't finished it.###
![]()
![]()
## Lesson 13 - [Youtube video](https://youtu.be/8MSRurO4Sfc):
* Android## Lesson 12 - [Youtube video](https://youtu.be/YJV6f6sddSg):
* Articles Search Page - صفحة البحث عن المقالات## Lesson 11 - [Youtube video](https://youtu.be/bH9xxY21IsE):
* [Redux-Saga](https://github.com/redux-saga/redux-saga)## Lesson 10 - [Youtube video](https://youtu.be/-MHgx1JhGNY):
* HTML Parser Article View
* [image-header-scroll-view](https://github.com/bamlab/react-native-image-header-scroll-view)
* [react-native-router-flux](https://github.com/aksonov/react-native-router-flux)
* [htmlparser2](https://github.com/fb55/htmlparser2)## Lesson 9 - [Youtube video](https://youtu.be/bY97cNUhDmY):
* Navigation - Article Details View - التنقل - تفاصيل المقال
* [react-native-router-flux](https://github.com/aksonov/react-native-router-flux)## Lesson 8 - [Youtube video](https://youtu.be/YjJ0psaT-f0):
* Pull To Refresh Content - القائمة اختر القسم
* Video Icon## Lesson 7 - [Youtube video](https://www.youtube.com/watch?v=Mn0zlcr2UlM):
* [Fetch live articles - مقالات حية]
* [Redux](http://redux.js.org/)
* [Redux-Promise-middleware](https://github.com/acdlite/redux-promise)
* [Allow Arbitrary loads](https://stackoverflow.com/questions/38077273/react-native-fetch-network-request-failed-not-using-localhost)
* `
"axios": "^0.16.2",
"react-redux": "^5.0.5",
"redux": "^3.7.1",
"redux-logger": "^3.0.6",
"redux-promise-middleware": "^4.2.1"
`## Lesson 6 - [Youtube video](https://youtu.be/Lr5ZW_lF-1E):
* Side Menu, Select Category - القائمة اختر القسم
* Category colors## Lesson 5 - [Youtube video](https://youtu.be/oET0-5xjImY):
* [Side Menu - القائمة الجانبية](https://github.com/react-native-community/react-native-side-menu)
* [Fontawesome](https://paulferrett.com/fontawesome-favicon/)
* [Colors](http://materialuicolors.co/?ref=flatuicolors.com)## Lesson 4 - [Youtube video](https://www.youtube.com/watch?v=xm_aeBvuN00&index):
* [HTML Encoding - تصحيح النص](https://www.npmjs.com/package/html-entities)
* [StatusBar - شريط الحالة](https://facebook.github.io/react-native/docs/statusbar.html)
* Arabic Fonts - الخطوط العربية
* [Moment - لحظة](https://momentjs.com/docs/#/i18n/)
## Lesson 3 - [Youtube video](https://youtu.be/OkQ8JszXjpM):
* [FlatList - قائمة](https://facebook.github.io/react-native/docs/flatlist.html)
* [Card - بطاقة]
* [Elements](https://github.com/react-native-training/react-native-elements)
* [react-developer-tools](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi)### Lesson 2 - [Youtube video](https://youtu.be/5WpRdnWb2Uo):
* ESLINT - تركيب مدقق البرمجة
* Application Header - بدء بناء رأس التطبيق
### Lesson 1 - [Youtube video](https://youtu.be/S3KGpVb7TIY):
* Install React-Native - التثبت### Result Lesson 6:
![]()
### Result Lesson 5:
### Result Lesson 4:
### Result Lesson 3:
![]()