秋风问答网秋风问答网

react-redux学习-(五)

redux是什么

  1. uRedux专注于状态管理,和react解耦
  2. u单一状态,单向数据流
  3. u核心概念:store, state, action, reducer


React-组件的性能优化

1、减轻state

state只存存储根组件渲染相关的数据,多个方法用到的数据,放到this当中。

2021年你应该使用的9个 React Hook的库

Hooks 在刚发布的时候就迅速占领了 React 社区,而且它现在已经有了很多支持 Hook 的库。如果你在搜索引擎中搜索 React,已经很难不出现 Hook 这个关键字了。如果你现在还没有使用 Hook,你要抓紧在你的项目代码中加入 hook 了,因为它实在是可以让你的编程变得简单又有趣。

保持干净的代码风格、可读性、可维护性、更少的代码量以及可重用性在 React 开发中至关重要。这个博客将向你展示你应该立即开始使用的 10 个关于 React Hook 的库。这个选择基于个人偏好。废话不多说,让我们开始吧。

开源推荐!一款支持pc端&移动端的滑动验证码组件

首发: 趣谈前端

作者: 徐小夕

背景介绍

5 个会让你失业的 React useState 错误


常见的 React useState 错误以及如何避免它们


mobx让你写react像写vue一样爽

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。

本文链接:https://blog.csdn.net/zhaolandelong/article/details/79514907

准备:

此文章里的demo以create-react-app,vue-cli的默认demo为基础。

React Hooks:更简洁、更可维护的前端代码


在React中使用Redux和TypeScript

React中实现类似v-if的效果

前言

最近 React 项目中涉及动态表单的问题,而这点在 vue 中,可以说是十分简单的事情了,使用万能的 v-if 就可以搞定了,但是放在React的场景中,得需要稍做考量。

经过多次尝试,笔者最后选择了一种最简单实用的方案,也是公司采用的方案,于正文中分享!

好想用Typescript+React hooks开发啊!(嘴对嘴解释)

推荐阅读:

回到首页 发表评论 回到顶部