项目分为移动端、PC 端以及后台管理三个部分，均采用了 React 及其相关生态的技术栈，客户端使用了：TypeScript/Mobx 等，移动端适配使用了基于 vw 的方案，并配合 webpack loader 实现了 px 转 vw 的自动化，后台管理使用了 AntDesign Pro 解决方案。上述项目语言的国际化均使用了 react-intl。我在该项目中负责了技术选型，项目架构的搭建及优化，公共工具业务方法的封装，编写具体需求业务代码，并配合 Gitlab CI 搭建了前端持续集成的发布环境，实现了高效的开发和项目的准时交付。
星贝是孩子王的移动端金融项目，作为核心程序员，我搭建了基于 TypeScript/React/Redux/Rxjs/Immutable 的项目架构，并首次推动了公司 TypeScript 的使用，配合 Rxjs，即使是在复杂的业务逻辑和繁杂的异步情况下，仍然能高效地写出易读易维护、健壮性强的代码。开发效率相比以往有了很大的提升。
保险项目是孩子王提供的保险业务平台，该项目因为有 SEO 的需求，所以采用了基于 React 和 Node 的前后端同构的技术架构，解决了 SEO 的需求同时加快了页面的首屏渲染速度。在该项目中为减少 redux 异步 dispatch 的样板代码，使用了 redux-thunk 然后基于其封装了配合 http 请求业务的 redux 中间件。在处理 store 中复杂数据时，为了操作的安全、便捷，使用了 ImmutableJS，并与 react 组件生命周期配合，减少了组件不必要的渲染，提高了页面的性能。
考果网是一个 PC 端线上教育平台，使用了 Vue 作为技术栈，自定义 webpack 配置以满足多入口的打包，其中直播平台的聊天室和弹幕等使用了 websocket 实现，后台管理使用了 ElementUi 组件库。在项目中遇到的问题之一就是多入口的配置开发时编译速度慢，我尝试通过分离入口模块、抽离重复引用代码、使用 webpack dllplugin 插件，最终编译速度相比优化之前有了极大的提升，提高了开发效率。
这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。
V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.