看完这篇，你也能把 React Hooks 玩出花

·  阅读 148
原文链接： www.zoo.team
分类：
前端
标签：
React.js
相关推荐
  • FelixCoder
    1年前
    前端
    2020最新React Hooks+TS项目最佳实践
    前言：写了千篇一律的React项目。突然想玩点新的花样。平时用JS比较多。但团队配合，TS才是最好的方式。所以这个小项目采用TS。再结合RecoilJs+Swr组合来打造数据处理层。单元测试说很重要，
    • 1.1w
    • 12
  • vortesnail
    1年前
    React.js
    好想用Typescript+React hooks开发啊!（嘴对嘴解释）
    在 src/App.tsx 内引用我们的案例组件，在 src/example.tsx 写我们的案例组件。 可以让函数式组件拥有状态管理特性，类似 class 组件中的 this.state 和 this.setState ，但是更加简洁，不用频繁的使用 this 。 你可以把 …
    • 1.8w
    • 76
    好想用Typescript+React hooks开发啊!（嘴对嘴解释）
  • 王力国
    1年前
    MobX
    使用 Mobx + Hooks 管理 React 应用状态
    目标： 实现一个 Todo List 应用如下 Step 1️：创建一个 Store Model Step 2️：导出 Store Step 3️：使用 mobx-react 将 Store 绑定到组
    • 7728
    • 6
    使用 Mobx + Hooks 管理 React 应用状态
  • baldwin
    3年前
    React.js Git GitHub
    强大的 VS Code
    Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义快捷键、括号匹配和颜色区分、代码片段、代码对比 Diff、GIT命令 等特性，支持插件扩展，并针对网页开…
    • 7.3w
    • 139
    强大的 VS Code
  • 殷荣桧
    3年前
    React.js Node.js Vue.js
    看看这些被同事喷的JS代码风格你写过多少
    现在写代码比以前好多了，代码的格式都有eslint,prettier,babel(写新版语法)这些来保证，然而，技术手段再高端都不能解决代码可读性（代码能否被未来的自己和同事看懂）的问题，因为这个问题只有人自己才能解决。我们写代码要写到下图中左边这样基本上就功德圆满了。 你可以…
    • 4.1w
    • 187
  • Gavin1995
    3年前
    面试 前端 React.js
    面试分享：专科半年经验面试阿里前端P6+总结(附面试真题及答案)
    年底由于种种原因想换一份工作，但由于太忙，没认真搞简历，也没怎么复习基础，导致很多本来会的都没敢往简历上写。于是写了一个简版的简历挂在Boss直聘上，准备年过完再认真筹备这件事情。 balabala....，好久没面试过，自我介绍居然显得很紧张，说了一些简历上没有的东西，比如之…
    • 5.5w
    • 165
  • willghy
    1年前
    React.js
    React Hooks原理探究，看完不懂，你打我
    在类定义中，我们可以使用到许多 React 特性，例如 state、 各种组件生命周期钩子等，但是在函数定义中，我们却无能为力，因此 React 16.8 版本推出了一个新功能 (React Hooks)，通过它，可以更好的在函数定义组件中使用 React 特性。 3、状态与U…
    • 9490
    • 24
  • 红尘炼心
    3月前
    前端 Vue.js React.js
    你会用ES6，那倒是用啊！
    不是标题党，这是一位leader在一次代码评审会对小组成员发出的“怒吼”，原因是在代码评审中发现很多地方还是采用ES5的写法，也不是说用ES5写法不行，会有BUG，只是造成代码量增多，可读性变差而已。
    • 15.5w
    • 776
  • 云的世界
    7月前
    前端
    React，优雅的捕获异常进阶篇， 含Hooks方案
    React程序中，事件处理程序总是需要写 try/catch，不厌其烦。基于装饰器，让我们来一起去try/catch，把更多精力投入到业务中去。
    • 7638
    • 32
    React，优雅的捕获异常进阶篇， 含Hooks方案
  • 一梦知秋
    2月前
    React.js
    React Hooks 项目使用总结
    Hello，大家好，我是知秋今天给大家的分享的是React中很重要的一个东西，就是Hooks，我会按照下面这个目录给大家分析Hooks在项目中的基本用法。 存在的问题 Hooks的目的 Hooks使用
    • 2381
    • 3
    React Hooks 项目使用总结
  • 荒山
    2年前
    React.js JavaScript
    2019年了，整理了N个实用案例帮你快速迁移到React Hooks
    在React Conf 2018宣布React Hooks后，我第一时间开始尝试使用React Hooks，现在新项目基本不写Class组件了。对我来说，它确实让我的开发效率提高了很多，改变了已有的组件开发思维和模式. 我在React组件设计实践总结04 - 组件的思维中已经总…
    • 3.4w
    • 44
    2019年了，整理了N个实用案例帮你快速迁移到React Hooks
  • 蚂蚁RichLab前端团队
    8天前
    React.js 前端
    不优雅的 React Hooks
    时至 2021 年年底，React Hooks 已在 React 生态中大放异彩，席卷了几乎所有的 React 应用。而其又与 Function Component 以及 Fiber 架构几近天作之合
    • 1.1w
    • 33
    不优雅的 React Hooks
  • brickspert
    22天前
    前端 React.js 前端框架
    React Hooks 使用误区，驳官方文档
    在两年多的 React Hooks 使用过程中，我越来越发现大家（包括我自己）对 React Hooks 的使用姿势存在很大误区，归根到底是官方文档的教程很不严谨，存在错误的指引。
    • 9925
    • 22
  • 橘子小睿
    2年前
    React.js
    React Hooks 你真的用对了吗？
    从 React Hooks 正式发布到现在，我一直在项目使用它。但是，在使用 Hooks 的过程中，我也进入了一些误区，导致写出来的代码隐藏 bug 并且难以维护。这篇文章中，我会具体分析这些问题，并总结一些好的实践，以供大家参考。 如果使用单个 state 变量，每次更新 s…
    • 1.7w
    • 17
  • 荒山
    2年前
    React.js Vue.js 前端
    [实战] 为了学好 React Hooks, 我抄了 Vue Composition API, 真香
    前几篇文章都在讲 React 的 Concurrent 模式, 很多读者都看懵了，这一篇来点轻松的，蹭了一下 Vue 3.0 的热度。讲讲如何在 React 下实现 Vue Composition API(下面简称VCA)，只是个玩具，别当真。 实现 'React' Compo…
    • 2.0w
    • 66
    [实战] 为了学好 React Hooks, 我抄了 Vue Composition API, 真香
  • 技术胖
    4年前
    React.js Vue.js 前端
    技术胖155集前端视频教程-全部免费观看
    大家好，我就是技术胖，2017年我在下班时间录制了200集左右的视频教程，现在贡献155集免费观看，希望可以帮助前端小伙伴学习（点击下面链接免费观看）。需要说明的是本人还是一线奋战的前端程序员，不是专业讲师，所以教程难免有所纰漏和错误，还请多多理解和指正。这些视频都是本人原创，…
    • 10.1w
    • 149
  • FairyEver
    3年前
    React.js Vue.js GitHub
    可视化搭建前端工程 - 阿里飞冰了解一下
    做完了这个页面做下个，新建文件，复制代码，注册路由... "海量可复用物料，通过 GUI 工具极速构建中后台应用"。 飞冰是一套综合解决方案，用来极速构建中后台应用（其实也可以做非中后台应用）。 可以做到极速是通过『海量可复用物料』和『GUI 开发工具』实现的。 在整个流程中，…
    • 5.5w
    • 160
    可视化搭建前端工程 - 阿里飞冰了解一下
  • Kuma Li
    6年前
    React.js JavaScript 前端框架
    ANT DESIGN 一个设计 & 前端框架 - React 用户的福音
    ANT DESIGN 是蚂蚁金服体验技术部出品的一个设计&前端框架，基于 React 框架。目前官网介绍的包括 CSS 和 Components 两大部分。 CSS 部分涵盖了基本的 Layout，Iconfont，Button，Motion。 组件非常丰富，有 Checkbox，Radio， Switch，Slider，Datepicker，Select，InputNumber，Tabs，Steps，Collapse，Pagination，Modal，Message，Dropdown，Popover，Popconfirm，Tooltip，Progress，Table。 不多说了，自己看吧 https://github.com/ant-design/ant-design
    • 4.0w
    • 5
    ANT DESIGN 一个设计 & 前端框架 - React 用户的福音
  • 黄子毅
    2年前
    React.js JavaScript
    精读《React Hooks 最佳实践》
    React 16.8 于 2019.2 正式发布，这是一个能提升代码质量和开发效率的特性，笔者就抛砖引玉先列出一些实践点，希望得到大家进一步讨论。 然而需要理解的是，没有一个完美的最佳实践规范，对一个高效团队来说，稳定的规范比合理的规范更重要，因此这套方案只是最佳实践之一。 拥…
    • 1.6w
    • 16
  • 西门吹喵
    1年前
    React.js
    终于搞懂 React Hooks了！！！！！
    解决了的问题是：当我们一个函数组件想要有自己维护的state的时候，不得已只能转换成class。这样很麻烦！ 😄1. 重点： useState的初始值，只在第一次有效 我当时反正没有当回事，直到遇到了坑... 🌰2. 举个例子： 😄 1. 就是相当于全局作用域，一处被修改…
    • 4.2w
    • 101
    • Web
    获得点赞6,967
    文章被阅读897,891
    下载稀土掘金APP
    一个帮助开发者成长的社区
    相关文章
    终于搞懂 React Hooks了！！！！！
    1046点赞
     · 
    101评论
    玩转react-hooks,自定义hooks设计模式及其实战
    412点赞
     · 
    37评论
    精读《React Hooks》
    172点赞
     · 
    14评论
    React Hooks 详解 【近 1W 字】+ 项目实战
    2357点赞
     · 
    96评论
    30分钟精通React Hooks
    2272点赞
     · 
    157评论