react
文章平均质量分 87
Bal炎魔
奋斗的码农
展开
-
React 之 服务端渲染 SSR
React 之 服务端渲染 SSRNext.js 介绍Next is 是 React 服务端渲染应用框架。用于构建 SEO 友好的 SPA 应用。支持两种预渲染方式,静态生成和服务器端渲染。基于页面的路由系统,路由零配置自动代码拆分。优化页面加载速度支持静态导出,可将应用导出为静态网站内置 CSS-in-JS 库 styled-jsx方案成熟,可用于生产环境,世界许多公司都在使用应用部署简单,拥有专属部署环境 Vercel,也可以部署在其他环境...原创 2021-07-07 17:58:10 · 407 阅读 · 0 评论 -
React 之 专题(React Hooks、Fomik、CSS-IN-JS、Chakra-UI )
React 之 专题(React Hooks)1、React Hooks 介绍1.1 React Hooks 是用来做什么的对函数型组件进行增强, 让函数型组件可以存储状态, 可以拥有处理副作用的能力.让开发者在不使用类组件的情况下, 实现相同的功能.1.2 类组件的不足 (Hooks 要解决的问题)缺少逻辑复用机制为了复用逻辑增加无实际渲染效果的组件,增加了组件层级 代码显示十分臃肿增加了调试的难度以及运行效率的降低类组件经常会变得很复杂难以维护将一组相干的业务逻辑拆分到原创 2021-04-27 10:12:18 · 426 阅读 · 1 评论 -
React 之 MobX 5-6
React 之 MobX 5-61.1、MobX简单,可扩展的状态管理库MobX 是由 Mendi, Coinbase, Facebook 开源和众多个人赞助商所赞助的React 和 MobX 是一对强力组合,React 负责渲染应用的状态,MobX 负责管理应用状态供 React 使用1.2、MobX 浏览器支持MobX5 版本运行在任何支持 ES6 proxy 的浏览器,不支持 E11,Node.js6MobX4 可以运行在任何支持 ES5 的浏览器上MobX4 和 5 的 API 是原创 2021-04-21 18:24:58 · 606 阅读 · 0 评论 -
React 之 Redux
React 之 ReduxReduxJavaScript 状态容器,提供可预测的状态管理核心流程Store: 存储状态的容器,JavaScript对象View: 视图,HTML⻚面Actions: 对象,描述对状态进行怎样的操作Reducers:函数,操作状态并返回新的状态常用api// 创建 Store 状容器const store = Redux.createStore (reducer);// 创建用于处理状态的 reducer 函数function reducer (s原创 2021-04-20 15:36:53 · 61 阅读 · 0 评论 -
React 之 React Fiber模拟实现
React 之 React Fiber模拟实现1. 开发环境配置1.1 文件夹结构文件 / 文件夹描述src存储源文件dist存储客户端代码打包文件build存储服务端代码打包文件server.js存储服务器端代码webpack.config.server.js服务端 webpack 配置文件webpack.config.client.js客户端 webpack 配置文件babel.config.jsonbabel 配置文件p原创 2021-04-10 16:32:29 · 100 阅读 · 0 评论 -
React 之 基础使用
React 之 基础使用1. React 介绍React 是一个用于构建用户界面的 JavaScript 库,它只负责应用的视图层,帮助开发人员构建快速且交互式的 web 应用程序。React 使用组件的方式构建用户界面。2. JSX 语法在 React 中使用 JSX 语法描述用户界面,它是一种 JavaScript 语法扩展。在 React 代码执行之前,Babel 会将 JSX 语法转换为标准的 JavaScript API。JSX 语法就是一种语法糖,让开发人员使用更加舒服的代码构建原创 2021-03-18 17:32:05 · 149 阅读 · 0 评论