All Projects → mochixuan → OneArtical

mochixuan / OneArtical

Licence: Apache-2.0 License
learning and practice redux,react-redux,redux-saga,redux-persist,redux-thunk and so on

Programming Languages

javascript
184084 projects - #8 most used programming language
objective c
16641 projects - #2 most used programming language
java
68154 projects - #9 most used programming language
python
139335 projects - #7 most used programming language

Projects that are alternatives of or similar to OneArtical

Fakeflix
Not the usual clone that you can find on the web.
Stars: ✭ 4,429 (+7160.66%)
Mutual labels:  redux-saga, redux-thunk, redux-persist
React Social Network
Simple React Social Network
Stars: ✭ 409 (+570.49%)
Mutual labels:  redux-saga, react-redux, redux-thunk
React Native Boilerplate
🚀 Type Based Architecture for developing React Native Apps using react, redux, sagas and hooks with auth flow
Stars: ✭ 375 (+514.75%)
Mutual labels:  redux-saga, react-redux, redux-persist
React Native Feature Boilerplate
Feature based Architecture for developing Scalable React Native Apps 🚀 using react, redux, sagas and hooks
Stars: ✭ 139 (+127.87%)
Mutual labels:  redux-saga, react-redux, redux-persist
React-Redux-Enterprise
A React-Redux boilerplate for enterprise/large scaled web applications
Stars: ✭ 77 (+26.23%)
Mutual labels:  react-redux, redux-persist
trivin
⚡️Setup your entire project quickly and easily with 1-line command ⚡️
Stars: ✭ 58 (-4.92%)
Mutual labels:  react-redux, redux-thunk
admin-template-for-react
🌏 Admin template for React, React Redux, Redux Saga, React Router, i18n and integrated OAuth login
Stars: ✭ 83 (+36.07%)
Mutual labels:  redux-saga, react-redux
auth-with-saga-example
code for https://medium.com/@stepankuzmin/authentication-with-react-router-redux-5-x-and-redux-saga-55da66b54be7
Stars: ✭ 14 (-77.05%)
Mutual labels:  redux-saga, react-redux
laravel-react-boilerplate
Laravel React Boilerplate with Ant Design, Route-Level Code Splitting, Redux, Sanctum Auth
Stars: ✭ 49 (-19.67%)
Mutual labels:  redux-saga, react-redux
boss
React+express+sock.io+mongodb build a boss
Stars: ✭ 25 (-59.02%)
Mutual labels:  react-redux, redux-thunk
timeoff-server
TimeOff is an application that allows companies' employees to set vacations before they begin taking their time off. Implemented in modern tech stack i.e. Node, Express, MongoDB.
Stars: ✭ 33 (-45.9%)
Mutual labels:  redux-saga, react-redux
rc-redux-model
一种较为舒适的数据状态管理书写方式,内部自动生成 action, 只需记住一个 action,可以修改任意的 state 值,方便简洁,释放你的 CV 键~
Stars: ✭ 48 (-21.31%)
Mutual labels:  redux-saga, redux-thunk
react-native-boilerplate
从真实项目中抽离出的一个简单的样板。(A simple boilerplate stripping out of a real project.)
Stars: ✭ 21 (-65.57%)
Mutual labels:  redux-saga, redux-persist
isomorphic-react-redux-saga-ssr
Isomorphic, React, Redux, Saga, Server Side rendering, Hot Module Reloading, Ducks, Code Splitting
Stars: ✭ 19 (-68.85%)
Mutual labels:  redux-saga, react-redux
data-flow
frontend data flow explored in React
Stars: ✭ 19 (-68.85%)
Mutual labels:  redux-saga, redux-thunk
crypto-markets
react-native-cryptocurrency-ticker
Stars: ✭ 27 (-55.74%)
Mutual labels:  react-redux, redux-thunk
cra-redux-boilerplate
⚛️🔨create-react-app application with redux and another cool libraries to make your life easier.
Stars: ✭ 15 (-75.41%)
Mutual labels:  react-redux, redux-thunk
cerebro-web
Website for Cerebro
Stars: ✭ 21 (-65.57%)
Mutual labels:  react-redux, redux-thunk
SHOPMATE
front-end e-commerce system
Stars: ✭ 12 (-80.33%)
Mutual labels:  redux-saga, react-redux
crossbones
Fullstackian award, 1707-FSA-NY. a cross-platform barebones react native setup inspired by https://github.com/FullstackAcademy/bones by
Stars: ✭ 19 (-68.85%)
Mutual labels:  redux-thunk, redux-persist

OneArticle

每天分享一篇文章

icon

一个完整、小巧、功能齐全、不累赘的项目。主要为了实战使用 redux、react-redux,redux-persist、redux-saga等redux全家桶(常见的)。

界面展示

iphone.png

android.png

功能介绍

  • 主题换肤 :实现了无缝换肤,这个算是Redux优势,非常简单。
  • 收藏本地化和简单缓存 :每篇收藏的文章都会被保存下来,最近浏览的十篇文章也会被缓存。
  • 分享功能 : 实现了微信和朋友圈的分享。
  • 无缝切换文章:无缝切换文章实现不会数据冲突。

依赖

  • react-native-drawer : 实现侧边
  • react-native-root-toast : 实现Toast
  • react-native-splash-screen : 实现闪屏
  • react-native-wechat : 实现微信分享
  • react-navigation : 界面切换
  • redux: 状态(数据)管理
  • react-redux : 接入到React
  • redux-persist : 中间件实现存储
  • redux-saga : 中间件实现异步通信

Android 演示


IOS在模拟器测试是OK的,MAC可以直接Clone运行


分享一个之前写的RN项目


数据来源

OneArticle

声明

  • 本项目主要是练习实战使用Redux,实现了观止APP(原名一文)的所有功能。不得将本项目打包发布。
  • 原版地址: IOS版
  • 原版地址 : Android版
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].