胖蔡叨叨叨
你听我说

标签:react

React中Hooks源码简单解析-胖蔡叨叨叨
JavaScript

React中Hooks源码简单解析

胖蔡阅读(91)赞(0)

使用Hooks时的疑惑 Hooks的出现让我们对Function Component逐步拥有了对标 Class Component的特性,比如私有状态以及生命周期函数等。useState与useReducer这两个Hooks让我们可以在Fu...

React使用Ant Design Pro框架导致首屏加载缓慢问题-胖蔡叨叨叨
JavaScript

React使用Ant Design Pro框架导致首屏加载缓慢问题

胖蔡阅读(244)赞(0)

存在问题 React项目中使用Ant Design pro框架,发现编译后前端应用的首屏加载过于缓慢,针对该问题,对改应用的生成包进行分析并优化,使其加载速度提升,用户体验更好。整个优化的思路过程如下。 1、网页登录后,首次刷新【存在路由】...

React Hooks 简单使用方法-胖蔡叨叨叨
JavaScript

React Hooks 简单使用方法

胖蔡阅读(254)赞(0)

1. 前言 Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性React Hooks 要解决的问题是状态共享,是继 render-props 和 highe...

React

React 自定义ListView组件

胖蔡阅读(1744)赞(0)

ListView组件实现 通过适配器的实现,适配器模式(Adapter Pattern)是作为两个不兼容的接口之间的桥梁。这种类型的设计模式属于结构型模式,它结合了两个独立接口的功能。这种模式涉及到一个单一的类,该类负责加入独立的或不兼容的...

React

React应用中封装axios

胖蔡阅读(1299)赞(0)

Axios简介 Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。 特性 支持node端和浏览器端 支持拦截器等高级配置 使用Promise管理异步,告别传统callback方式 自动转换 JS...

React babel配置-胖蔡叨叨叨
React

React babel配置

xuao阅读(1086)赞(0)

用react开发企业微信的web项目,会发现在pc端的企业微信内置浏览器显示空白,即react项目没有运行,只执行到第一个index.html文件。初步发现发生这种情况的原因是pc端企业微信内置浏览器不支持es6语法,而react使用的是e...

useState 函数式状态管理-胖蔡叨叨叨
React

useState 函数式状态管理

胖蔡阅读(10969)赞(0)

React 有两种方式可以实现组件的定义,一种是通过函数实现,一种是通过class类实现。一般的通过class类实现的组件我们可以看到足够多的生命周期、状态state可供操作,而函数式组件则没有生命周期和状态值state。对就性能而言,由于...

如何在React工程中配置less支持?-胖蔡叨叨叨
React

如何在React工程中配置less支持?

胖蔡阅读(789)赞(0)

Less是css的一个变种,css的一个高级体现,与其类似的还有sass,都是一种编译型样式语言。这样的语言对于程序员而言,具有更高的可读性,理解起来也容易很多,层次性较好,这在这几年市场的选择也可以明显看出。如此,这就需要我们对当前的项目...

React 上下文Context的使用-胖蔡叨叨叨
JavaScript

React 上下文Context的使用

胖蔡阅读(10551)赞(1)

依照3W学习原则的模式出发来思考Context的使用问题,在学会如何使用Context之前,首先我们需要来思考一下几个问题:  Context是什么?  为什么需要用Context?  怎么样使用Context...