吃什儿:为了解决自己每天吃什么,写的个小应用

#1

react+material-ui+自写的launcher

其实主要是为了探索,因为一上来接触react就用了redux,但是我自己又不是很喜欢redux,所以就想探索一下去除redux来写react的话会做成什么样……

吃什儿链接






结果吧,写到最后其实还是写得跟redux差不多是,或者说像redux那样最方便,可能redux的确最佳实践吧~
不过还是有一点不一样的,例如我就觉得把store直接放全局让组件随意触发事件比较方便……(这个真希望有人能讨论一下)


然后介绍一下这个小应用吧~
就是一个记录菜单功能,和一个随机选择吃什么的功能,还有一个记录每天吃了什么的功能;数据不存线上,都存在本地indexedDB数据库里,但是做了一个同步功能可以同步到服务器;

因为是自己用,所以很多时间主要都用在优化体验上了,用material-ui尽量模仿原生应用,现在用chrome添加到主屏幕的确是感觉不错的。


最后再说一下标题里提到的launcher吧,这个是自己写的一个模块加载器,也可以当路由用,主要目的是在移动端同一个页面里模仿标签页做切换的感觉,只是它不加载html,而是加载js,所以要把html写在js里。

拿这个应用为例,其实最终是三个页面,三个js,各自加载完js都会调用一次ReactDOM.render在不同的div里,其实我不太清楚这样有没有什么坏处,希望各位能说一下意见……

#2

有代码么?研读一下。