为了提高大家开发 React 项目的效率, 笔者结合自己的实际工作经验, 汇总如下React项目常用插件. 1. 状态管理 2. UI组件库 React desktop 基于React的JavaScript库，旨在将本机桌面体验带入网络，其中包含许多macOS Sierra和W…

在上面代码中，我们通过设置容器的偏移位置来控制显示的数字(其中useInterval的代码可参考这篇文章定时器在hooks的使用和分装)。 上述代码存在一个问题，当我们从9到0的时候，容器偏移从-90%直接到了0%。 解决这个问题，可以参考无缝滚动的思路，在9后面复制一份0，当…

前段时间寻思做个个人网站，然后就立马行动了。 个人网站如何实现选择什么技术方案，自己可以自由决定。 刚好之前有大致想过服务端渲染，加载速度快，还有 SEO 挺适合个人网站的。 所以就自己造了个轮子用 koa+react 来实现 SSR 服务端渲染。 最初听说有单页面的服务端渲染…

自定义 Hooks 其实就是在现有 React 提供的 Hooks 上做一层封装，实现一些更有针对性的逻辑，或者可以将一些比较通用的业务逻辑做一个封装。

本文涉及到的代码已经整理到 github 仓库中，用 cra 搭建了一个示例工程，关于性能优化的部分可以打开控制台查看重渲染的情况。 勾选、全选与反选。 根据选中项计算总价。 首先我们请求到购物车数据，这里并不是本文的重点，可以通过自定义请求 hook 实现，也可以通过普通的 …

... 从中可以看出来，程序员和产品经理水火不容，但是呢，我觉得我的产品经理人挺好的。为啥，你看这个需求，🉑还行 ？ 老铁，没毛病，666，按照正常逻辑，如果你点击的是切屏的按钮，那确实不会有问题，但是！！！我们调用的是浏览器的全屏，当我们按下 ESC 退出键之后，直接就退出…

那个时候刚学react，不知道面试官说的元素是什么，现在知道了，就是虚拟dom嘛。。。 React 元素不是真实的 DOM 元素，它仅仅是 js 的普通对象（plain objects），所以也没办法直接调用 DOM 原生的 API。上面的 JSX 转译后的对象大概是这样的： …

H5 VS Native 一直是前端技术界争执不下的话题。react、vue等技术栈引领着纯H5开发，rn、week则倡导原生体验。但在项目实战中，经常会选择一个中立的方案：混合开发。大众称呼：Hybrid。 本人目前从事新闻类产品研发，对于大家来讲，就是熟知的如今日头条、百度…

距离React Router v4 正式发布也已经过去三个月了，这周把一个React的架子做了升级，之前的路由用的还是v2.7.0版的，所以决定把路由也升级下，正好“尝尝鲜”... 江湖传言，目前官方同时维护 2.x 和 4.x 两个版本。（ヾ(｡ꏿ﹏ꏿ)ﾉﾞ咦，此刻相信机智如…