zhaiduo.com

Loving Coding & Visual Design

2019重构博客框架

由于旧的博客react框架是三年前完成,react15+redux架构,基于nodejs 6.9.0, 好几个module已经没法正常install。导致博客长期无法更新和发布。2019年的react已经是hooks加graphql的双引擎时代,正是重新构建博客框架的好时机。

经过两个星期的忙里偷闲,总算是初步完成了博客系统的展示和发布流程。其中主要使用了react hooks API、material UI和Graphql三项新的技术,总体感觉开发进度变快了,更容易了,快速搭建平台页更加舒心和省心。

整个博客框架分为前后两个部分,前端基于前面提到的三剑客react套餐,后端采用nodejs+docker+postgresql+apollo 构建,全部采用typescript开发模式,辅以jest做测试。过程中,感觉最花时间的是material UI部分,不过惊喜的是material-ui 4已经完全标签化,支持flex,完全可以和react-native公用一些内容,HTML的未来就在这里,以后写网页完全不需要接触最底层的HTML标签,这个和移动端的开发趋势不谋而合。至少从组件级别,感觉完全是可以统一化的,即一套组件代码,支持全平台(跨Web和移动端)。

另外,hooks的体验非常棒,简介而make sense,可以少写不少代码。graphql也已经很成熟,作为web 端和API之间的数据层,gql已经可以完全替代restful API。docker时代的来临,更让后端数据库部署易如反掌。未来的Web端开发已经初步成型,也许即将来临的5G时代还有更多的惊喜。