Calpa

在编写组件时，最让我迷惑的是在我编写纯函数组件，为什么没有在代码里面调用 React 都需要导入 React。经过一番调研，我发现是因为 JSX 转译的设定。这篇文章将会讲述我的调研经历和一点反思。

Markdown 提供了编写文章的方便，我们可以透过 Remarkable，Marked 等一些解析 Markdown 工具来获取 HTML，然后透过 React 原生的 dangerouslySetInnerHTML 方法直接放到组件里面。

时光飞逝，我已经从大学毕业，成为前端工程师。虽然之前也写过一篇回顾文章，但透过这一次掘金给予我的回顾机会，我重新找回了自己的初心，以及自己的方向。 在日常开发中，我的工作是业务方向，以满足内部用户的需求为主，偶尔才会有写一些面向外部用户的网站。因而保持项目的稳定性和维护性是我的…

GatsbyJS 提供了一个简单易用的命令行工具，我们可以透过它来构建一个基本的 React 网站，并实时看到修改代码所带来的变化。

时光飞逝，我已从大学毕业成为前端工程师。回想这一年，我完成了三件事情：改版博客系统，让不同用户可以快速启动项目，它是我第一个过百Star 数的项目；翻译并校对技术文章，学习了不少前端实用的技术；对博客系统框架的GatsbyJS，ReactJS 技术研究。

上次我们提到 GatsbyJS，它是一个可以获取任意数据，并生成静态化网站的系统。这一次，就让我们以 Calpa 的技术博客作为例子来开始架构网站吧。

感谢各位这些年来阅读我的博客文章，以及优化博客系统框架，现在，我将为你带来一个前后端彻底分离，而且可以一键启动的博客框架。 透过这个腳手架，你可以快速建立一个如同 Calpa's Blog 的博客系统。 最佳化 iPhone 6/7/8 环境，支持 iPad 等平板环境，以及 …

GatsbyJS 是一个现代化开发网站的网站产生系统，拥有完整、丰富且开源的生态圈。它利用 React + GraphQL 产生的多页面应用，让前端工程师，编辑，用户都感到满意。就让我们一步步地探索这个系统吧。

学习如逆水行舟，不进则退。透过这个清单，我可以不断学习前端知识，掌握更新的技能，天天进化。