一群青红椒的博客

工欲善其事，必先利其器 —— 论语·卫灵公相比webstorm，个人更常用sublime来码前端代码。但是，由于在react中使用了一些新特性，所以原先的sublime都快退化成txt了。于是在网上搜了插件推荐（语法高亮、代码提示等）。语法高亮Babel-Sublime插件很好的支持了JSX语法的高亮显示，连包裹在组件中的HTML标签都能实现高亮显示，具体的插件安装以及设置方法就不多说了，自行看G

利用react可以有效进行组件的开发与管理。其中webpack作为构建react组件的有效工具，可以大大提高我们的开发效率与使用效果。网上也有了很多入门文章。 但是，由于react与webpack版本的迭代导致这些入门介绍教程，或因存在版本变动，或因存在api变动，或因内容含糊而导致遇到很多坑。因此，记录了一下前段时间一次搭建过程，介绍如何基于webpack搭建一个最简单的react开发环境。

概述本篇文章使用create-react-app作为脚手架，结合react技术栈（react + redux + react-router），构建一个简单的单页面应用demo。文章会一步步地讲解如何构建这么一个单页应用。文章的最后也会给出相应的demo地址。本文主要是对SPA搭建的实践过程讲解，在对react、redux、react-router有了初步了解后，来运用这些技术构建一个简单的单页应用。

2018 眼看就要过去了，今年的你相较去年技术上有怎样的收获呢？记得年初的时候我给自己制定了一个学习计划，现在回顾来看完成度还不错。但仍有些遗憾，一些技术点没有时间去好好学习。在学习中我发现，像文章这样的知识往往是碎片化的，而前端涉及到的面很多，如果不将这些知识有效梳理，则无法形成体系、相互串联。最后有一种东懂一块，西了解一点的感觉。因此，我结合工作体会抽象出了一些前端基础技术能力，并将这...