一次完整的react hooks实践
写在前面React在16.8版本正式发布了Hooks。关注了很久，最近正好有一个小需求，赶紧来试一下。需求描述需求很简单，部门内部的一个数据查询小工具。大致长成下面这样用户首次访问页面，会拉取数据展示。输入筛选条件，点击查询后，会再次拉取数据在前端展示。需求实现01使用React class c...
react hook useReducer的实践
首先可以参考官方对useReducer的解释：https://react.docschina.org/docs/hooks-reference.html#usereducer其实官网已经很详细了，下边就我的经验总结一下；useReducer是什么此hook是useState 的替代方案。与...
「React实践」不同内容相似结构？按个开关试试
前言在做需求迭代的时候，会进行开发设计，时不时会想出一些不错的点子。这些点子跳出了开发舒适圈，帮助我提升自身技术。我将这些点子进行了整理，全部归纳为我的「工作小记」。今天分享不同内容但是结构相似的展示，如何通过开关控制进行实现。分享代码基于Recat Hooks实现的。功能分析UI功能解析现有功能中...
Vite2+React+TypeScript：搭建企业级轻量框架实践
本文为原创文章，引用请注明出处，欢迎大家收藏和分享💐💐引言Hello大家好，前段时间写了个Vue3的工程项目用起来还不错，其实老早前就想把它移植过来React这边，奈何工作比较忙一直拖到现在，才陆陆续续把杂七杂八的模块补充好。既然迁移过来了，也借着空闲时间给大家介绍下...
我是这样在 React 中实践 TDD 编程的
在Redux中编写测试听起来肯定有悖直觉。如果您使用了Redux，它可能看起来更加复杂。然而，在添加功能之前编写测试有助于编写更好的代码，因为你预先考虑了将使用的设计模式、体系结构和变量的名称。我们正在构建一个用户管理仪表板。基本上，使用Redux，我们想执行CRUD操作。用户可以:创建用户更新用户...
TypeScript：React、拖拽、实践！【下】
4React with TypeScript我们可以使用 ES6 语法的 class 来创建 React 组件，所以如果熟悉 ES6 class 语法，则可以比较轻松的进一步学习TypeScript的class语法。在React中使用结合TypeScript是非常便利的。首先，应该使用明确的访问控制...
TypeScript：React、拖拽、实践！【上】
1方法通过上一篇文章的学习，我们知道，typescript其实是一套约束规则。理解了这一点，就可以大概确定我们的学习方向。是规则，那么知识点之间，就不会有太强的关联性。我们可以一条一条的逐步学习。也就意味着我们并不用急于把官方文档里所有的规则一次性学完。甚至可以把文档当成一个手册，在具体使用时再去查...
超性感的React Hooks（九）useContext实践
如上图所示。我们利用useContext来实现这个小demo。在实现之前，复习一下相关比较重要的知识点。如下图。1如何合理的拆分组件？这是一个需要在实践中，不断去总结，优化才能获得的技能。首先，将一个复杂的页面逻辑进行拆分的目的，一定是为了可读性和可维护性。如果你的组件拆分违背了这两个原则，那么拆分...
SignalR在React/Go技术栈的实践
01背景有个前后端分离的运维开发web平台， 后端会间隔5分钟同步一次数据，现在需要将最新一次同步的时间推送到web前端。说到[web服务端推送]，立马想到SignalR，(我头脑中一直有技术体系， 但一直没实践过。）SignalR是微软推出的实时通信标准框架，内部封装了 websocket、服务端...
Vite + React 组件开发实践
作者 | 风水来源 | 阿里技术公众号去年发表的《一个好的组件应该是什么样的？》 一文介绍了借助 TypeScript AST 语法树解析，对 React 组件 Props 类型定义及注释提取，自动生成组件对应 截图、用法、参数说明、README、Demo 等。在社区中取得了比较好的反响，同时应用在...
更新时间 2022-11-28 18:20:40
本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。
