我说这句话时候，是不是很多前端 和 NodeJS 工（码）程（农）师已经按不住自己的40米大刀了。心中的不仅感慨前端是真的会造轮子，有了 node 还不够吗，还没学会 node 又搞了个 deno，node 和 deno 啥区别？！

本文介绍一个基本的组件库需要满足哪些要求，重点介绍了基于umi father构建react组件库的关键点，并提供了示例工程。 WHAT 一个UI组件库的基本要求 支持多种格式 支持umd cjs esm ，当然就现在前端开发而言， umd 的支持与否并不是那么重要。 TypeScript 完整的类型...

CHANGELOG 2019-07-01 init {代码...} 测试结果如下

React Hooks 于 2018年10月的React Conf 中引入，作为在 React 函数组件中使用状态和生命周期的一种方法。虽然函数组件之前被称为 无状态组件（FSC） ，但是 React Hooks 的出现，使得这些函数组件可以使用状态。因此，现在许多人将它们视为功能组件。

对着官网来就行，另外，现在直接使用babel-loader更好。如果使用cra创建的应用，直接 {代码...} 使用ts-loader的话可以参考下我之前写的react扬帆起航之基本环境搭建

HTML，即超文本标记语言，几乎是所有网站的支柱。HTML 为网页带来标题、子标题、列表和其它一些文档结构的格式。在最近更新的 HTML5 中，甚至可以创建图表。

在当前大前端的环境下，前后端分离，前后端同构等开发协同的工作模式的出现，对前端的要求越来越高，前端需要懂得的知识面也越来越广，经常会有朋友在面试的时候被问到，在浏览器输入一个链接到浏览器显示整个网页内容发生的一些列过程，那么这个过程就脱离不开我们...

1.原则 多使用内存，缓存或者其他方法 减少CPU计算，减少网络请求 减少IO操作（硬盘读写） 2.加载资源优化 静态资源的合并和压缩。 静态资源缓存（浏览器缓存策略）。 使用CDN让静态资源加载更快。 3. 渲染优化 CSS放head中，JS放body后 图片懒加载 减少DOM操作，对D...

悄悄的, React v16.7 发布了。 React v16.7: No, This Is Not The One With Hooks.

按角色组织 如果你用MVC框架开发过应用，应该知道MVC框架之下，通常有这样一种代码组织方式： {代码...} Controller、Model、View分别代表三种模块角色。这种组织代码的方式叫做“按角色组织”。 因为MVC的影响深远，一些风格依然影响了前端人员的思维方式，在Redux应...

熟悉 react 的朋友都知道，在 react 中有个核心的算法，叫 diff 算法。web 界面由 dom 树组成，不同的 dom 树会渲染出不同的界面。react 使用 virtual dom 来表示 dom 树，而 diff 算法就是用于比较 virtual dom 树的区别，并更新界面需要更新的部分。diff 算法和 vi...

用户首次登陆是生成一个code，code可以放进缓存，同时把code放进token的payload，每次验证同时验证token和code。当用户修改密码等操作时重新生成code。退出登陆时，清除浏览器本地缓存就可以了。

本文信息 本文创建于2018/03/22 2018/10/30 文章更名为 一个简单的用户登录与访问权限控制设计 前述 系统用户分为管理员用户、普通用户 管理员用户有且唯一 系统初始状态不存咋任何用户,首次使用需创建用户(admin) 前端界面显示控制 用户管理模块 根据本地credential...

在依靠客户端渲染时，当用户打开页面时，多数情况下是这样的（不考虑缓存）: 向静态资源服务器获取html/css => 向静态资源服务器获取js => 向api服务器获取数据 => 开始渲染内容。而在依靠服务端渲染时，发送http请求后，服务端计算出用户需要的数据，然后...

对于第3个，如果api server支持跨域，可以直接在前端进行http请求时设置baseUrl；如果不设置baseUrl，其实本质跟开发环境一样的，在nginx配置文件里设置代理,类似于：

一直以来，redux是react事实上的状态管理工具，直到mobx横空出世。从此，多了一个选择。关于mobx与redux的异同，网上有很多文章介绍，本文中不再叙述了。本文主要介绍react与mobx搭配使用，当然，有时间我也许会写一个react与redux搭配使用的示例教程。

前后端交互是开发现代应用必不可少的内容，不同于angular内置HttpClientModule，react默认并未提供用于http请求的功能。我们直接使用fetch，但一些老旧的浏览器支持度不太好。本文中，我们推荐使用基于Promise的库 -- axios。

路由 react-router v4 发生了巨大改变，由静态路由开始转向动态路由，从此，就像使用普通组件一样来声明路由。其实，路由从此就是一个普通组件。 路由的按需加载的实质是代码分割,react-router官网有个代码拆分的示例，是基于bundle-loader实现的.现在官网的代码已经...