最近因为在开发一款设计器，需要自己实现一套事件系统，项目基于TypeScript实现，其包含事件的添加、删除、触发等功能。 目前主要采用了观察者模式，以下是基本的实现思路： 基于Map的事件调度存储

为了不浪费大家的宝贵时间，在开头申明一下，这篇文章针对的阅读对象是：没有写过 React 或者刚刚才接触 React 并且对于 ES6 的语法不太了解的同学，这是一篇基础入门的文章，在一开始我并没有准备翻译一篇这样的基础文章，但是在阅读完全文之后，我想起自己刚开始学习 Reac…

如果你在编写函数组件并意识到需要向其添加一些 state，以前的做法是必须将其它转化为 class。现在你可以直接在现有的函数组件中使用 Hooks 1. 类组件的不足 综上所述，如果不注意的话，很容易写成第三种写法，导致性能上有所损耗。 2. Hooks 优势 副作用的关注点…

这是一门免费课程，写文章和录制视频这个我花了1个半月时间，如果你觉的不错可以给一个赞。文章和视频中会详细讲解React的基础知识，React版本是16x，也是目前最新版本(我课程录制开始的日期是2019年5月4日)。今年的目标是录制100集前端免费视频教程，可能大部分都会在Re…

Electron是一个基于Chromium和 Node.js，可以使用 HTML、CSS和JavaScript构建跨平台应用的技术框架，兼容 Mac、Windows 和 Linux。虽然B/S是目前开发的主流，但是C/S仍然有很大的市场需求。受限于浏览器的沙盒限制，网页应用无法…

在本教程的【上篇】中，已经详细说明了React项目相对基础的部分。在【下篇】中，继续讲解React进阶的部分。还没有阅读【上篇】的同学请先在我的公众号中去阅读哦~ 做过vue开发的同学都知道vuex，react对应的工具就是Redux，当然还有一些附属工具，比如react-re…

React是近几年来前端项目开发非常火的一个框架，其背景是Facebook团队的技术支持，市场占有率也很高。很多初学者纠结一开始是学react还是vue。个人觉得，有时间的话，最好两个都掌握一下。从学习难度上来说，react要比vue稍难一些。万事开头难，但是掌握了react对…

侧边导航栏（Sidebar）我们实现了根据配置渲染菜单项，现在我们要继续完善它的功能：导航高亮与鉴权。我们通过redux管理我们Sidebar的状态，想要redux的store可用，我们必须使用它的<Provider />和connect()： <Provider />的作用是…

本系列文章将介绍从零开始搭建一个高可复用的后台架构系统，让每一个人都能轻松搭出自己的后台。系统功能包含登录授权、路由鉴权与组件化，涉及react-router与react-redux的应用。系统最终实现的效果： 创建一个React App，目测有3到4种方法，这是官网文档的说明…