我曾经尝试去深层而清晰地去理解 Virtual-DOM 的工作原理，也一直在寻找可以更详细地解释其工作细节的资料。 由于在我大量搜索的资料中没有获取到一点有用的资料，我最终决定探究 react 和 react-dom 的源码来更好地理解它们的工作原理。 我不会说太多关于 DOM…

当我们能够熟练运用React进行前端开发时，不免会对React内部机制产生浓厚的兴趣。组件是什么？是真的DOM吗？生命周期函数的执行依据又是什么呢？ 本篇，我们先来研究React组件的实现与挂载。 上述代码写完后，我们就得到了<A />这个组件，那么我们接下来先弄清楚<A />…

自前端框架（React,Vue,Angelar）出现以来，每个框架携带不同理念，分为三大阵营，以前使用JQuery的时代已经成为过去，以前每个页面就是一个HTML，引入相对应的JS、CSS，同时在HTML中书写DOM。正因为是这样，每次用户访问进来，由于HTML中有DOM的存在…

大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 想象一下:你有一个非常好用的函数组件，然后有一天，咱们需要向它添加一个生命周期方法。 呃... 刚开始咱们可能会想怎么能解决这个问题，然后最后变成，通常的做法是将它转换成一个类。但有时候咱们就是要用函数方式，怎…

为了更方便的处理我们的样式，我们选择使用less来处理样式，并使用css modules。css modules很容易学，因为它的规则少，同时又非常有用，可以保证某个组件的样式，不会影响到其他组件。 安装less npm install less @zeit/next-less…

在看啦一遍源码后，发现不管出什么问题都可以轻松找到原因啦，哇咔咔Router安装http-server，react-router-dom，path-to-regexp将路径转换为正则目的当你点击不同路

使用 React 开发单网页应用时，React Router 必不可少。刚开始接触 React Router 时，跟着文档一步步做，虽然有些概念不太理解，但最终还算是完成了项目。后来阅读了 你不知道的 React Router 4 这篇文章，意识到先前在项目中的某些用法中的用法…

⚛️React是目前前端社区最流行的UI库之一，它的基于组件化的开发方式极大地提升了前端开发体验，React通过拆分一个大的应用至一个个小的组件，来使得我们的代码更加的可被重用，以及获得更好的可维护性，等等还有其他很多的优点... 通过React, 我们通常会开发一个单页应用（…

React Router 是一个非常出色的路由解决方案，同时也非常容易上手。但是当网站规模越来越大的时候，首先出现的问题是 Javascript 文件变得巨大，这导致首页渲染的时间让人难以忍受。实际上程序应当只加载当前渲染页所需的 JavaScript，也就是大家说的“代码分拆" — 将所有的代码分拆成多个小包，在用户浏览过程中按需加载。