React 如何创建一个react的项目（使用脚手架） 安装cr脚手架：npm install -g create-react-app 进入文件夹：create-react-app 项目名称 进入项目

以下又是一篇学习笔记。 history 是一个第三方库，用来兼容在不同浏览器、不同环境下对历史记录的管理，封装了浏览器内置的 History API 和 Location API。 特点：适用高版本浏览器。 技术：利用HTML5里面的history。 前进：使用 pushSta…

《xx行代码带你实现迷你React》，《xx行代码实现React hook》这样短小精干的文章。如果你只是想花一点点时间了解下React的工作原理，我向你推荐 这篇文章，非常精彩。 《React Fiber原理》，《React expirationTime原理》这样摘录Reac…

设计前端组件是最能考验开发者基本功的测试之一,因为调用Material design、Antd、iView 等现成组件库的 API 每个人都可以做到,但是很多人并不知道很多常用组件的设计原理。 我们在学习设计模式的时候会遇到很多种设计原则,其中一个设计原则就是单一职责原则,在组…

前阵子通过 前端水印生成方案(网页水印+图片水印) 这篇文章学习了一下水印的生成方案，对其中使用 Canvas 实现网页水印的方案十分感兴趣，于是对相关代码加以修改，实现了一个 React 水印组件并发布到 👉 npm。 该组件是通过 Canvas 生成水印，并使用 Muta…

本次实例是利用Ant Design快速构建的，所以界面不一定好看，大家可以看到我的组件划分的层级很平，甚至还有点不合理，哈哈，其实是为了更好的展示Hook多个场景的使用的，请大家忽略组件这么划分是否实用。 操作有点快，其实就是描述了这个应用的功能，可以新建todo，编辑todo…

这里使用 react-router/react-router-dom 来进行说明，静态配置路由虽然是比较好的路由方式，但是在 react-router 中并不成熟。 使用 @loadable/component，@loadable/component 支持服务端渲染。 不考虑服…

作为前端小白中的一员，没接触过 React 高阶组件，首次看到这个名字时不明觉厉 😱，甚至有种“从入门到放弃”的想法。 然 🦢，通过深入学习后发现它实际上是一个概念十分简单，但却非常常用的东西。它的作用是能实现代码复用和逻辑抽象、对 state 和 props 进行抽象和操…

高阶组件在React应用中，非常非常重要。空有一个想学好React的心，却没有一个好的教程。希望这篇文章可以帮组到你，把React学的更好。通过这篇文章你可以学到高阶组件的定义及原理、高阶组件在项目中的常见应用、通用高阶组件如何封装以及继承方式高阶组件和代理方式高阶组件。 cr…