djyde / Cans
🍻 A framework for building React MobX application
Stars: ✭ 85
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Cans
Compare React State Management
React createContext vs Apollo vs MobX vs Redux in a simple todo app.
Stars: ✭ 81 (-4.71%)
Mutual labels: mobx
Mobx Isomorphic Starter
Clean isomorphic starter-kit using Mobx + React + React-router + Webpack
Stars: ✭ 59 (-30.59%)
Mutual labels: mobx
Flutter Boilerplate Project
A boilerplate project created in flutter using MobX and Provider.
Stars: ✭ 1,194 (+1304.71%)
Mutual labels: mobx
Todo app open source
📱 an app to annotate tasks made with Flutter using MobX
Stars: ✭ 40 (-52.94%)
Mutual labels: mobx
Starhackit
StarHackIt: React/Native/Node fullstack starter kit with authentication and authorisation, data backed by SQL, the infrastructure deployed with GruCloud
Stars: ✭ 1,253 (+1374.12%)
Mutual labels: mobx
Reactnative Hackernews
A Hacker News client written in React Native
Stars: ✭ 60 (-29.41%)
Mutual labels: mobx
React Mobx Ts Antd
A simple empty project build with react、react-router、mobx、antd in typescript.
Stars: ✭ 53 (-37.65%)
Mutual labels: mobx
React Mobx Demo
🔥 React, Mobx, and React-Router to achieve a Zhihu Daily App.
Stars: ✭ 59 (-30.59%)
Mutual labels: mobx
React Native Navigation Mobx Boilerplate
👈check that one ⠀⠀⠀⠀ 👽 React Native Navigation + MobX Boilerplate 👽
Stars: ✭ 76 (-10.59%)
Mutual labels: mobx
Bankflix
Aplicação que simula um banco digital, contendo a área do cliente e administrativa, permitindo depósitos e transferências entre contas do mesmo banco. | Application that simulates a digital bank, containing the customer and administrative areas, allowing deposits and transfers between accounts of the same bank.
Stars: ✭ 82 (-3.53%)
Mutual labels: mobx
Muse
🎧 All you need is a simple and diligent HTML 5 music player written in React.
Stars: ✭ 82 (-3.53%)
Mutual labels: mobx
A framework for building React MobX application.
quick start
import cans, { inject } from 'cans'
import { BrowserRouter, Route } from 'cans/router'
const app = cans()
// model
app.model({
namespace: 'counter',
state: {
count: 0
},
actions: {
incr() {
this.count += 1
},
decr() {
this.count -= 1
}
},
computed: {
content() {
return `Count: ${this.count}`
}
}
})
// view
const Counter = inject(({ models })) => {
return (
<div>
<span>{models.counter.content}</span>
<button onClick={models.counter.incr}>+</button>
<button onClick={models.counter.decr}>-</button>
</div>
)
}
// router
const route = () => (
<BrowserRouter>
<Route path='/' component={Counter} />
</BrowserRouter>
)
app.route(route)
// mount the app
app.start(document.querySelector('#root'))
Documents
Posts
Plugins
- cans-plugin-http HTTP (axios) plugin for cans
- cans-plugin-modal-store cans plugin for creating modal stores
Examples
👀 See more examples in cans-example
Build
$ yarn
$ yarn test # unit-test
$ yarn run example # run example
See Also
License
MIT License
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].