夜里码码

摘要： react 项目搭建 系统: windows 1.安装 node node 下载地址.一路 next 如果遇到 windows 没有权限安装 msi 文件.打开 cmd,运行msiexec /package 文件路径. 查看是否安装成功,打开终端 2.安装 vscode 编辑器 vscode 下载地 阅读全文

摘要： 这是一个从 印记中文 | react官方文档 提取总结的，算是帮自己理清并且强化记忆React的生命周期，以便以后编写组件的时候能够有更清晰的思路。本文如有纰漏，欢迎指正 整体上来讲，React生命周期分为了 挂载（装配） 、 更新 、 卸载 以及 捕错 四个状态阶段。每种状态里需要执行若干个生命周 阅读全文

摘要： react 中发布订阅模式使用 场景 怎么能将设计模式应用到我们的 React 项目中？以前一直在思考这个问题。 场景一 模块 A 模块 B 需要用到同一个数据 data，A 和 B 都会修改这份数据，且这两个模块会同时存在；这时我们如何做到数据公用与各个模块的更新？ 方案一： 将这份数据作为公共的 阅读全文

摘要： 路由切换动画 因为项目的需求，需要在路由切换的时候，加入一些比较 zb 的视觉效果，所以研究了一下。把这些学习的过程记录下来，以便以后回顾。同时也希望这些内容能够帮助一些跟我一样的菜鸟，让他们少走些坑。可能我对代码的表述不是很到位，希望大家不要介意。机智的你们一定可以看明白。 参考内容： react 阅读全文

摘要： React Hooks React在16.7.0 alpha.0版本中提到了Hooks的概念，目前还是Proposal阶段。 官方也陈述，接下来的90%的工作会投入到React Hooks中。 从目前官方的文档可以看出，Hooks从以下四个方面来提高React的编码。 state 生命周期 cont 阅读全文

摘要： 前言 一般在团队开发中每个人的代码习惯都不太一样，这样就会导致代码风格不一致，以致于维护和修改bug的时候看别人的代码成为一种痛苦...这种情况尤其在前端开发中尤为明显。因为关于前端的开发规范貌似也没有行业权威标准。这几天在网上看了下，基本上在开发中通过eslint进行约束，airbnb的标准貌似颇 阅读全文

摘要： 简介 unstated是一个极简的状态管理组件 看它的简介：State so simple, it goes without saying 对比 对比redux： 更加灵活(相对的缺点是缺少规则，需要使用者的自觉)redux的状态是存放在一棵树内，采用严格的单向流 unstated的状态是用户自己定 阅读全文

摘要： 代码分隔 我们现在大多数React项目都是以Webpack 或者 Browserify等将一堆的jsx文件组织一起，并且由一个类似index.js的入口文件串联起来的单页面web页面。 例如： App: 打完包后： 从这个例子可以看出，打完包后将所有的js都压缩到一个文件里了。随着项目越来越大，打包 阅读全文

摘要： 前言 在React的开发中，我们经常需要在 window 上注册一些事件， 比如按下 Esc 关闭弹窗， 按上下键选中列表内容等等。比较常见的操作是在组件 mount 的时候去 window 上监听一个事件， 在组件 unmount 的时候停止监听事件。下面给大家介绍几个骚操作。 WindowEve 阅读全文

摘要： 最近在开发一个服务端渲染工具，通过一篇小文大致介绍下服务端渲染，和服务端渲染的方式方法。在此文后面有两中服务端渲染方式的构思，根据你对服务端渲染的利弊权衡，你会选择哪一种服务端渲染方式呢？ 什么是服务器端渲染 使用 React 构建客户端应用程序，默认情况下，可以在浏览器中输出 React 组件，进 阅读全文