不会后端的前端，不会写单页面运用…

单页面运用的观点已被提出很长时刻了，无论是基于 vue, angular 照样 react，置信人人或是潜移默化，或是设身处地都有所体味。说到底，当本身单独开辟从搭建开辟环境，到前端的每一个组件，到行动交互，再到和后端的数据交互，不免碰到不少题目。在这个过程当中，值得纪录每一个须要进修、分享的学问点。

假如还没有本身完成过一个单页运用，那能够参考我的一同 交流进修
假如已驾轻就熟，迎接给我 挑毛病

SITUATION

初志也就是上面所提到的，综合本身所学的学问，买通前后端。不过效果让人欣喜让人忧。当初认为本身会个 react， 写个运用就不得了。当把本身作为一个伪全栈工程师去踩一个个的坑时，恍然发明路漫漫其修远。

TASK

作为一个前端，不满足于运用 hexo 来天生本身的博客 = =，最少该是 Gatsby 。那就能够开辟一个让本身心旷神怡的博客体系。

ACTION

搭建开辟环境

前端基于 react 、antd、dva等 react 生态圈等框架，构建东西首选必定是 webpack。置信运用脚手架来开辟的时刻，碰到了题目，照样须要扒一扒源代码，我们不如本身来搭建开辟环境，以熟习 webpack 的每一个设置。

• 【单页面博客从前端到后端】环境搭建

引入 Dva + Antd 完成前端交互

• 【单页面博客从前端到后端】基于 DVA+ANTD 搭建博客前背景界面

基于 koa@2 + mongodb + passport 来完成后端逻辑

假如后端只是简朴的增编削查，那有违我们的初志。要完成基础的 Auth2.0 权限认证，还要举行基础的营业逻辑和数据层星散等。

• 【单页面博客从前端到后端】基于 Passport 和 Koa@2 的权限考证与 DVA 的 Model 设想

引入 Draftjs 来完成富文本编辑器

Draft.js 是 Facebook 开源的用于构建富文本编辑器的 JavaScript 框架。你能够用它完成像 Bear 笔记那样的 web 端编辑器，极力推荐。

RESULT

一开始后端我用的是 express，假如还不熟习 nodejs 框架的朋侪能够参考这个 github堆栈，上手 express。以后我用了 koa 重构了全部项目，在用 async 函数梳理异步流时，窃喜。
在写下这篇文章过程当中，倏忽发明本身的这个项目已有两颗星星了，很愉快！这几天的疲劳全无！

项目我已布置上线，检察 演示地点
测试账号：{username: 'test', password: 'test'}

预期设计

1. 前后端同构，服务端衬着

2. 引入 flow 来对 js 做静态范例的搜检

3. 到场测试代码

4. 完美文档

末了

迎接来 star, pr, issues…