去年八月硕士毕业，现在湾区一家小公司做设计和前端。技术栈是React/Redux, Webpack, Node。
身边一起毕业的码农同学基本做的都是系统、算法、数据相关的，由于对UX一直的喜爱我成了形单影只的前端。借题主问题回顾一下过去的六个月（好快啊），顺便寻找点小伙伴以及求前端前辈吐槽 :D
毕业后加入了这里的一家大型公司，十月中入职，在一个做智能xx相关的组做Web前端，技术栈是Angular，Gulp，Java。之前硕士时候写的前端都是玩的，这是第一次接触一定规模的大型系统，有一个很靠谱的mentor带着，主要学到的是
- Angular风格的组件化（然而directive的体验并不算特别好）
- 前端项目打包（Gulp）
- 灵活使用Utility库（moment、lodash等等；主要是lodash，从此就再也没写过for了）
- Angular的坑和优化（比如dirty check你懂的）
- 合理引入第三方服务（Sentry做监控，AmCharts做图表，等等；基本都自己写了wrapper directive以重用）
进公司以后两个月觉得朝十/十一晚五、随意『work from home』的『硅谷养老』生活有点可怕，加上学的东西逐渐变少（晚上回家打打Do看看番，也没心思学新东西），就起了跳槽的念头。十一月底开始、刷Angelist找有意思的项目、再次刷题，十二月初看中了现在这家创业公司，然后经过惨绝人寰的七轮面试，算是成了第四个员工。（三个人给七轮面试，也是比较给力。。）
我们做的东西一句话说就是为客户搭建数据应用：告诉我们数据存储在哪里、想要怎么使用数据，剩下的infrastructure、服务（数据清洗、转化、合并等等）、数据到每一步的实时浏览都通过UI完成，无需任何代码。针对的痛点是传统一些的公司，如果想要组建自己的数据团队、进行数据分析，非常耗时耗力，而其中很大精力都花在所谓『Data pipeline』的搭建，也就是我们抽象出来集中攻克的目标。
^ 以上所有带『数据』字样部分的实现都跟我无关（额...） 我负责的是用户体验和前端，于是聊一聊到目前为止（三个月）前端方面的体验和坑。
面试的其中一轮的问题是『如果你负责前端，你会选择什么样的前端架构并分析利弊』。
之前的工作涉及架构不多，经验短缺得不行，于是花了两周把当时除Angular 1外流行的框架都尝试一遍（各搭一个小app，比如用React搭的一个Github dashboard：https://my-git-dashboard.herokuapp.com/ -被Heroku archive了，载入可能异常慢），以及看了一箩筐对比分析（最好的文章通常来自于Medium和Twitter上面follow的个别人的博客）。
下面是一个非常丑非常主观的比较（现在想想Angular 1的performance并没有那么差；以及到了现在不少分数都有些过时了；另外在社区放这种图就是作死）：
![]()
由于疏忽没有比较Vue，是我的锅；后来自己玩了一下觉得还是React用着舒畅，遂无下文。
确定了React之后遇到的第一个坑是用哪个Flux框架（React本身只是表现层-View，数据、控制等都由Flux来做）。今年二月的时候百花齐放，好像有17个Flux框架竞选正宫；到二月底开始写了以后决定使用Redux，算赌对了一把，现在React已是Redux的天下了。
于此同时一整套架构也有了头绪，确立了以React/Redux为中心，ES6/Babel为基础，Node为集散大厅，Webpack为打包工头，Sass为装修临时工，Karma/Mocha为测试机器人的高效先进团队。（高效个异鬼，变地是巨坑）
盗用一下minimum viable product的概念，这里指的是一个集成所有以上必要框架、能部署到前端环境（Google App Engine）的最小前端项目。想法是之后的开发都基于这个MVP进行，不走回头路。
这一步居然持续了一整个月，其中遇到的几个坑：
- 想要参考一下最时髦的架构，于是clone了这个repo(GitHub - erikras/react-redux-universal-hot-example: A starter boilerplate for a universal webapp using express, react, redux, webpack, and react-transform) 下来（可能到现在还是starter project星最多的）。唉等等.... React Redux的部分我懂，但其他那些是啥玩意儿？promiseMiddleware?helmet?apiClient helper?Isomorphic tools? 然后部署到我们GAE环境怎么报步了解。
对某些事总是抱怨，因为你的否定情绪对事物判断产生影响。
这是我一年的想法。
划水就到此吧。 |
转播
