大家最初对前端开发人员的印象仅仅为网站的前台部分，然而，随着互联网技术的发展，许多新技术进入到前端开发人员的视线。从早期的Node.js，让前端开发人员可以触碰到后端的服务，到后来React Native的出现，让前端开发人员可以尝试App的开发，再到现在的小程序，又给前端开发人员带了新的生机。

以往只出现在服务端的概念，如：模块化、工程化、设计模式等一系列的概念，也逐步的引入到了前端。对前端开发人员的要求也从当初的前端开发工程师，到后来的大前端工程师，再到现在的全栈式工程师。

然而这也绝非是前端的终点。随着webRTC、webVR以及Ruff等的出现，前端做的事情还有很多很多。前端的内容讲不尽也说不完，这次沙龙我们仅从时下比较热门的技术，Node.js、MVC、React、Redux、Vue等方面来做分享。相信这次分享一定能够让你收获颇多。

希望我们每一个人都能用开放的心态，去迎接这多变的前端技术，及时跟上时代的步伐，做个活到老学到老的前端工程师。

活动信息

【时间】2017年3月11日（周六）13：00-17：20

【地点】上海市长宁区金钟路968号凌空SOHO12号楼

【议程】

议题介绍

《IMVC（同构 MVC）的前端实践》-携程度假古映杰

古映杰，携程度假研发部前端和 node.js 架构负责人。开源库 react-lite 作者。热衷于研究如何让前沿技术落地，提高前端工程师的实际生产力和编程体验。目前致力于推广同构 MVC 的前端架构模型。业余时间喜欢玩《守望先锋》。

随着 Backbone 等老牌框架的逐渐衰退，前端 MVC 发展缓慢，有逐渐被 MVVM/Flux 所取代的趋势。然而，纵观近几年的发展，可以发现一点，React/Vue 和 Redux/Vuex 是分别在 MVC 中的 View 层和 Model 层做了进一步发展。如果 MVC 中的 Controller 层也推进一步，将得到一种升级版的 MVC，我们称之为 IMVC（同构 MVC）。

IMVC 可以实现一份代码在服务端和浏览器端皆可运行，具备单页应用和多页应用的所有优势，并且可在这两种模式里通过配置项进行自由切换。配合 Node.js、Webpack、Babel 等基础设施，我们可以得到相比之前更加完善的一种前端架构。

《React Native 中使用 Redux 的经验》-Strikingly王徐阳

王徐阳，目前在 Strikingly，从事移动端应用开发。七年iOS 开发经验，先后参与过十多个大大小小的 App 开发。热爱移动互联网，接触 React native 后，相信 React 在 Native 领域的应用可以真正把前端领域的技术栈打通。React Native Shanghai Meetup 的 Co-organizer。

把 React + Redux 的技术组合应用在移动端 App 中还是有很多不一样的挑战，其中值得一提的是，整个 App 类似一个 SAP，涉及到的状态非常多，而界面则不断的在切换。

怎么在复杂的交互逻辑中组织好数据等状态，怎么在协作中保证同样的状态没有被复制到不同的 reducer 中。通过我们实际开发的经验，总结了很多有效的方法论。

《机票H5 Swift单页项目实践》-携程机票郑开文

郑开文，携程H5前端一枚，从2014年加入携程到现在一直负责机票H5预订流程的开发和改版，中间经历过数次改版和重构，在挖坑的这条路上越走越远。

这两年前端技术发展迅猛，ReactJS、Vue、Angularjs等百花齐放，在前端轻量化大趋势下，现有携程机票H5所采用的.NET+Lizard技术已跟不上业务需求的发展。去年年底我们启动了Swift单页项目， 该项目采用Vue+Node，在提高用户体验和开发效率的同时，也更利于后续的扩展和维护。

借此机会和大家一起分享下Swift项目的整个构建过程，以及技术转型中遇到的那些坑，同时也会分享一些我们的性能数据供大家参考。

《Qreact：去哪儿迷你React方案》

-去哪儿司徒正美

钟钦成，网名司徒正美，著名的JavaScript专家，去哪儿网前端架构师，立志做考古学家的日语系工程师，穿梭于二次元与二进制间的“魔法师”，做过陶艺，写过小说，涉猎Java、Ruby、 JavaScript。在GITHUB拥有复数个著名的轮子，中国地区排行前二十，热衷于技术分享，著有《javascript框架设计》一书。

去哪儿网在React Native深耕多年，对React内部实现的了解在国内应该是非常领先的。迫于项目对React体积的极致需求，我们推出了自己的迷你化方案——Qreact。因此自一开始它就有强烈的落地需求，基于这些需求，我们从1月份快速启动项目，在1个月内大致完成了功能，Demo，并配合现有的复杂例子进行验收。

此次沙龙将会分享我们在做这轮子过程中的一些想法，包括竞品分析，实现思路，项目风险控制等等。