All Projects → survivejs-demos → Mobx Demo

survivejs-demos / Mobx Demo

Licence: mit
MobX port of SurviveJS - Webpack and React apps

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Mobx Demo

Koa Mobx React Starter
A straightforward starter for Node javascript web projects. Using Koa, MobX and ReactJS (with universal / isomorphic server rendering)
Stars: ✭ 102 (+21.43%)
Mutual labels:  webpack, mobx
M Fe Boilerplates
Lucid & Futuristic Production Boilerplates For Frontend(Web) Apps, React/RN/Vue, with TypeScript(Optional), Webpack 4/Parcel, MobX/Redux 💫 多技术栈前端项目模板
Stars: ✭ 877 (+944.05%)
Mutual labels:  webpack, mobx
Apple Basket Redux
🍎 苹果篮子,一个微型的redux/mobx演示(附多版本)
Stars: ✭ 125 (+48.81%)
Mutual labels:  webpack, mobx
React Mobx Ts Antd
A simple empty project build with react、react-router、mobx、antd in typescript.
Stars: ✭ 53 (-36.9%)
Mutual labels:  webpack, mobx
React Mobx Typescript Boilerplate
A bare minimum frontend boilerplate with React 16.7, Typescript 3.2 and Webpack 4
Stars: ✭ 378 (+350%)
Mutual labels:  webpack, mobx
Chatinder
Unofficial desktop messaging client for Tinder.
Stars: ✭ 55 (-34.52%)
Mutual labels:  webpack, mobx
Easy Pack
Webpack, Ahhhhhhh .... Take Easy
Stars: ✭ 82 (-2.38%)
Mutual labels:  webpack
Bottle Vue Kickstart
🍕 Very basic Bottle kickstart kit with Vue.js and Webpack. Included Axios, Autoprefixer, Babel, Webpack config, demo app with Bulma and Web font loader.
Stars: ✭ 83 (-1.19%)
Mutual labels:  webpack
Spa Starter Kit
📦 Quick starter kit for booting up a NodeJS container with React, webpack, babel/ES2015, Redux, and more.
Stars: ✭ 81 (-3.57%)
Mutual labels:  webpack
Compare React State Management
React createContext vs Apollo vs MobX vs Redux in a simple todo app.
Stars: ✭ 81 (-3.57%)
Mutual labels:  mobx
Add Asset Webpack Plugin
Dynamically add an asset to the Webpack graph
Stars: ✭ 84 (+0%)
Mutual labels:  webpack
Starhackit
StarHackIt: React/Native/Node fullstack starter kit with authentication and authorisation, data backed by SQL, the infrastructure deployed with GruCloud
Stars: ✭ 1,253 (+1391.67%)
Mutual labels:  mobx
Laravel Blog
Laravel 8.0 blog application with Vue.js, Homestead, Horizon, Telescope and Pusher
Stars: ✭ 1,248 (+1385.71%)
Mutual labels:  webpack
React Webpack Babel
Simple React Webpack Babel Starter Kit
Stars: ✭ 1,241 (+1377.38%)
Mutual labels:  webpack
Inline Chunk Manifest Html Webpack Plugin
Extension plugin for html-webpack-plugin to inline webpack's chunk manifest. Default inlines in head tag.
Stars: ✭ 83 (-1.19%)
Mutual labels:  webpack
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 (-2.38%)
Mutual labels:  mobx
Lit Loader
LitElement Single File Component loader for Webpack.
Stars: ✭ 84 (+0%)
Mutual labels:  webpack
Semaphore Ng2 Webpack
Stars: ✭ 81 (-3.57%)
Mutual labels:  webpack
Micro Frontends Practice
基于qiankun的微前端实践,提供更为简单、完整的项目。react/vue demo已完成
Stars: ✭ 83 (-1.19%)
Mutual labels:  webpack
React D3 Transitions
Enter, update and exit pattern using React 15.0, D3 4.0 and Redux
Stars: ✭ 83 (-1.19%)
Mutual labels:  webpack

Notes/Kanban app - MobX port

This repository contains MobX ports of SurviveJS - Webpack and React book examples. You can study them to see how to implement the same application in a different kind of architecture. See also the interview with Michel Weststrate.

MobX provides a way to make data structures reactive and makes it easy to consume them. It can be used with or without Flux. In this case we'll be relying directly on MobX for our data needs and skip Flux altogether. The most interesting thing to notice is how much it cuts out code.

We are triggering our MobX stores directly and more pedantic people might implement classes in between. For a simple case such as this the current approach is enough.

See Michel Weststrate's interview about mobx!

Demo

  1. cd notes_app or cd kanban_app
  2. npm i
  3. npm start
  4. Surf to localhost:8080

License

MIT.

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