Eslint简介 eslint是一个被广泛应用的javascript/jsx代码检查工具。 eslint配置文件可以使用js/yaml/json格式，或者在package.json中添加”eslintConf…

什么是组件 组件化就好像我们的电脑装机一样，一个电脑由显示器、主板、内存、显卡、硬盘，键盘，鼠标…。 组件化开发有如下的好处：降低整个系统的耦合度，在保持接口不变的情况下，我们可以替换不同的组件快速完成需求。…

基于v6.10.3版本 1. 实现静态服务器 const http = require('http'); const url = require('url'); const path = require('path');…

使用React.createClass是一种过时的方法 React 判断一个元素是HTML元素还是React组件的原则就是看第一个字母是否大写 在HTML中直接写onclick一直就是为人诟病的写法，网页应用开发界一直倡…

近期项目中使用的react-hot-loader版本为v3，其配置方式和v1版本有比较大的区别，其配置的过程可参考官网配置，下面是按照官网的步骤操作的： 首先你需要为你的项目安装上这个小可爱 npm install --…

前言 或许你当前的项目还没有到应用Redux的程度，但提前了解一下也没有坏处，本文不会安利大家使用Redux 概念 首先我们会用到哪些框架和工具呢？ React UI框架 Redux 状态管理工具，与React没有任何关…

曾经前端的革新是以Ajax的出现为分水岭，现代应用中绝大部分页面渲染会以异步流的方式进行。在Redux中，如果要发起异步请求，最合适的位置是在action creator中实现。但我们之前了解到的action都是同步情况…

Github上的脚手架实在太多，可能大多数都是只专注在前端的web开发，例如流行的React生态中的create-react-app和Vue生态中的Vue-cli, 但是可能作为像我一样的全栈开发，一个只关注在前端开发的…

前言 老大说以后会用 next 来做一下 SSR 的项目，让我们有空先学学。又从 0 开始学习新的东西了，想着还是记录一下学习历程，有输入就要有输出吧，免得以后给忘记学了些什么~ Next框架与主流工具的整合 githu…

高阶组件的概念 高阶组件是啥呢？就是一个接收组件作为参数，并返回一个带有附加的属性、方法的包装后的组件。它的作用就是让具有相同功能的组件，能够不写重复代码就复用这部分功能，同时这些组件又能够具有自己独特的属性和方法。这或…

前言 一般在团队开发中每个人的代码习惯都不太一样，这样就会导致代码风格不一致，以致于维护和修改bug的时候看别人的代码成为一种痛苦…这种情况尤其在前端开发中尤为明显。因为关于前端的开发规范貌似也没有行业权威标…

废话不多话，来上车！ 安装： npm install --save styled-components （或者 yarn add styled-components） 简述使用: 1、 创建全局的样式： 首先创建一个JS…