作者:飞冰-chenbin92简介React Hooks library for remote data fetching一个用于请求远程数据的 React Hooks ,官网的快速开始示例如下:import useSWR from 'swr' function Profile () { const { data, error } = useSWR('/api/user', fetch)
转载 2024-08-28 19:40:04
54阅读
1. React Lazyload当大多数开发人员想到懒加载时,他们通常想到图片。懒加载可以显著提高你的应用程序的性能。React Lazyload 不仅在懒加载图片方面做的很好,而且在任何影响性能的方面也做的很好——例如,组件。这个提供了许多选项来更改你的图片和组件的加载方式。这个在 GitHub 上有 5K 个星星,是懒加载方面非常流行的一个选择。2. React ResponsiveR
转载 2024-05-28 10:22:25
24阅读
您好,如果喜欢我的文章,可以我的「量子前端」,将不定期推送前端好文~Concis是什么?首先,感谢大家的支持,让Concis突破了100star~也是有你们的不断支持,让博主在开源路上不断充能,持续前进。对于不熟悉这个项目的小伙伴们做个简单的介绍,Concis是一个基于React+TypeScript开发的一款轻量级组件,全面拥抱React生态,支持React新特性(hooks/r
转载 2024-03-29 13:34:59
16阅读
网址链接github链接
原创 2022-11-18 00:15:44
92阅读
React组件设计组件分类展示组件和容器组件展示组件容器组件关注事物的展示关注事物如何工作可能包含展示和容器组件,并且一般会有DOM标签和css样式可能包含展示和容器组件,并且不会有DOM标签和css样式常常允许通过this.props.children传递提供数据和行为给容器组件或者展示组件对第三方没有任何依赖,比如store 或者 flux action调用flux action 并且提供他们
1. 前言原来这个系列是要做成仓储模式的,但是经过一些时间的观察,发现EFCore本来就是按照仓储模式设计的,不需要再实现仓储层了,所以从头改了一通()。2. 数据接入实体类当然是放在Model工程中,但是Context文件放哪里呢,一般小项目直接放在API层,Migration也在应用层做。 但是仓储层也要用Context,所以把Context文件也放到了Model工程中。 这个项目的数据
转载 2023-08-27 14:59:07
97阅读
  大多数web开发人员都与图表和图形有很深的关系。当处理一个项目时,他们从数据中检索数据,并有意义地呈现出来。  创建用户友好的图表可能很有挑战性,花太多时间创建可视化效果并不是一个好主意。  通过使用正确的React图表,你可以快速创建令人惊叹的数据可视化,你的用户也将能够更快地找到更有价值的见解。  什么是React图表?  React图表,通常也称为React应用程序,用于可视化数
当你在使用React构建应用程序时,React Hooks是一种非常强大的功能,它可以使你更容易地处理组件状态和生命周期。它们允许你将逻辑与React组件分离,从而使代码更清晰、更可维护。React Hooks是React16.8版本中引入的,可以让你在函数组件中使用状态和其他React功能。在此之前,React组件必须是类组件才能使用这些功能。下面是一些React Hooks的常用例子:useS
转载 2024-06-03 23:05:36
30阅读
本文主要讲解react组件中如何定义方法,调用方法,获取数据,改变数据,方法传值,调用方法时改变this指向。一、react中调用方法import React from 'react'; class Demo1 extends React.Component { constructor(props){ super(props); } runFun() {
块中。如果开发者需要继续使用Navigator,则需要...
原创 2022-09-07 11:48:45
831阅读
react-styleguidist是一个基于JSDOC可以帮助react项目快速构建项目文档的一个插件。 一、简单入门 1.1 环境准备 准备一个新鲜的react项目(非必需) npx create-react-app react-app 添加react-styleguidist npm inst
转载 2022-07-13 09:42:50
147阅读
(给前端开发博客加星标,提升前端技能)作者丨Max Rozen译者丨王强策划丨小智本文最初发布于 maxro
翻译 2021-06-30 13:51:26
150阅读
安装: 1,正确的安装方式是 npm install xxx --save,经常看到许多组件安装文档上后面没有 --save,如果没有建议加上 否则组件信息不会出现在package.json中,导入组件的时候可能会找不到路径。2,安装完成后执行一下 react-native link xxx。 卸载
转载 2019-07-05 11:44:00
232阅读
2评论
网络工具
原创 2022-03-10 09:42:33
221阅读
React经典常用动画
原创 2月前
134阅读
网络工具
原创 2021-09-01 10:34:55
461阅读
这几个,你知道吗?
转载 2021-07-15 17:53:06
380阅读
最灵活的UI控件React Native UI Lib 猿类素敌已关注32018.02.04 14:50:48字数 2,513阅读 46,152前言我从11年开始写Objective-C。记得当时开源的UI控件还不是很多,最火的可能就是three20和nimbus。可惜three20已经有七年不维护了,nimbus也有两年没有更新代码。后来国内著名的BeeFramework在短时间内获得很
转载 2024-07-01 19:57:27
35阅读
1 可视化图表1.1 常用数据可视化图标echartsa. https://echarts.baidu.com/b. 百度开源, 如果要在react项目中使用, 需要下载echarts-for-reactG2a. https://antv.aplipay.com/zh-ch/g2/3.x/index.htmlb. 阿里开源bizchartsa. https://bizcharts,net/pro
转载 2024-01-26 08:10:17
220阅读
  现在市面流行的两大框架React和Vue,学过这两个框架的小伙伴,大部分人应该都会有一个共识,那就是React比Vue难学。因此这里给一些,本人学习完react时一点心得,希望能给小伙伴带来用处。  在学习React时,给我最大的印象就是JS的基础很重要,如果JS基础不好,在学习React时会比较吃力,不懂一些特定写法的原因(例如:绑定React合成事件时,需要传参时要使用bind )。这里就
  • 1
  • 2
  • 3
  • 4
  • 5