随笔分类 - React
理解 React 中的 useEffect、useMemo 与 useCallback
摘要:
 ## useEffect 先理解 useEffect 有助于学习 useMemo 和 useCallback。因为

在 UmiJS 中使用 TailwindCSS
摘要:我的 umijs 版本 "umi": "^3.5.13" 当前版本 umi 使用了 PostCSS7,安装兼容 PostCSS7 版本的 TailwindCSS 即可: yarn add tailwindcss@npm:@tailwindcss/postcss7-compat .umirc.ts /
React 样式解决方案 styled-components
摘要:前置 在 react 中解决组件样式冲突的方案中,如果您喜欢将 css 与 js 分离,可能更习惯于 CSS-Modules;如果习惯了 Vue.js 那样的单文件组件,可能习惯于使用 styled-components 来解决这个问题。使用 CSS-Modules 从老项目迁移过来可能更容易。 安
reactDOM
摘要:前置 react-dom 提供了可在应用顶层使用的 DOM(DOM-specific)方法。 render() hydrate() unmountComponentAtNode() findDOMNode() createPortal() 你可以使用以下命令在本地启动一个 node 服务器,运行本文
Redux 一步到位
摘要:简介 Redux 是 JavaScript 状态容器,提供可预测化的状态管理 Redux 除了和 React 一起用外,还支持其它库( jquery ... ) 它体小精悍(只有2kB,包括依赖) 由 Flux 演变而来,但受 Elm 的启发,避开了 Flux 的复杂性。 安装 稳定版 附加包 Re
React Hooks 学习
摘要:useState 用来声明状态变量。 import React, { useState } from 'react'; // ... const [ count , setCount ] = useState(0); // ... count 声明的变量 setCount 设用来更新变量的函数 0