GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → xqlsq → react-mobx

xqlsq / react-mobx

Licence: other
No description or website provided.

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Labels

reactmobxmobx-reactantdesign

Projects that are alternatives of or similar to react-mobx

tinylog-ui
实时日志分析系统后台数据管理系统
Stars: ✭ 45 (+80%)
Mutual labels:  mobx, mobx-react, antdesign
react-mobx-router4-axios
react + less + webapck config + mobx(store)+ axios + router4
Stars: ✭ 24 (-4%)
Mutual labels:  mobx, mobx-react
team-timesheets
Time tracking web app built as a replacement for old school timesheets.
Stars: ✭ 25 (+0%)
Mutual labels:  mobx, mobx-react
mobx
Код учебного курса “MobX & React” на YouTube-канале webDev (https://tinyurl.com/vt3tk6vy)
Stars: ✭ 23 (-8%)
Mutual labels:  mobx, mobx-react
mobx-wxapp
在小程序中使用mobx
Stars: ✭ 54 (+116%)
Mutual labels:  mobx, mobx-react
navigation-mobx-example
proof of concept project to use mobX in react-native-navigation
Stars: ✭ 47 (+88%)
Mutual labels:  mobx, mobx-react
BXStage
基于mobx + react 构建一个60多个页面大型跨平台 react-naive 应用
Stars: ✭ 49 (+96%)
Mutual labels:  mobx, mobx-react
orkan
A content management toolkit for building and managing dynamic React applications with ease.
Stars: ✭ 25 (+0%)
Mutual labels:  mobx, mobx-react
mobx-react-mvvm-example
React MVVM architecture powered by MobX.
Stars: ✭ 58 (+132%)
Mutual labels:  mobx, mobx-react
todo-list
A simple todo list application with React and mobx and antd
Stars: ✭ 25 (+0%)
Mutual labels:  mobx, mobx-react
ecommerce-react-native
The ideal starter kit / app script with all the needed UI elements alongwith MobX and NativeBase to build your iOS and Android e-commerce app like Mona / JackThreads / Canopy / Flipp
Stars: ✭ 86 (+244%)
Mutual labels:  mobx, mobx-react
tm-nextjs-starter
React + Nextjs + MobX starter
Stars: ✭ 49 (+96%)
Mutual labels:  mobx, mobx-react
mobx-react-intl
A connector between mobx-react and react-intl
Stars: ✭ 32 (+28%)
Mutual labels:  mobx, mobx-react
react-native-navigation-mobx-demo
React native Navigation with MobX demo. Blog post write up ->
Stars: ✭ 32 (+28%)
Mutual labels:  mobx, mobx-react
mobx-nextjs-root-store
Mobx root store implementation for next.js with server-side rendering
Stars: ✭ 42 (+68%)
Mutual labels:  mobx, mobx-react
react-mobx-local-state-example
React MobX (for Local State) Example
Stars: ✭ 27 (+8%)
Mutual labels:  mobx, mobx-react
veact
Mutable state enhancer library for React based on @vuejs
Stars: ✭ 62 (+148%)
Mutual labels:  mobx, mobx-react
mobx-react-docz
DEPRECATED Documentation site for MobX in React
Stars: ✭ 43 (+72%)
Mutual labels:  mobx, mobx-react
site
The easiest way to build and send Discord messages using webhooks
Stars: ✭ 258 (+932%)
Mutual labels:  mobx
taro-template
可用于生产环境的taro项目模版，技术栈：taro + taro-ui + typescript + dva / mobx + sass，无需过多关注项目配置，预置功能包括但不限于页面/组件/store/service模版一键生成/编译自动生成路由列表和组件入口/代码规范强制检查/请求拦截封装/小程序CI等，实现多端项目的高效快速开发。目前已有1.x / 2.x / 3.x 版本。
Stars: ✭ 59 (+136%)
Mutual labels:  mobx
View All Similar Projects ➔

最近公司项目在使用mobx，网上找了一圈也没有个比较好的mobx+react的项目实践，经过一段时间的使用，略有心得，写了个小项目，仅供大家参考。

技术栈

  1. 脚手架：create-react-app
  2. 前端框架：react
  3. 组件库：antd
  4. 状态管理：mobx
  5. 路由： react-router

项目目录

my-app/
  README.md
  node_modules/
  package.json
  jsconfig.json
  .bablerc
  .gitigonre
  scripts/...
  config/...
  public/...
  src/
    page/...
    store/...
    App.js
    index.js
    router.js

主要说下src下面的目录构成部分：

  1. page 页面组件
  2. store mobx的状态管理数据
  3. router.js 路由配制
  4. App.js Provider 包装组件（透传store数据)
  5. index.js 入口文件

开发

$ npm install

$ npm start

概览

preview

preview

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].