百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术分析 > 正文

推荐20个Github热门的React学习宝库及开源项目

liebian365 2024-11-19 06:35 21 浏览 0 评论

大家好,我是 Echa,今天又是周五啦,提前祝大家周末愉快~

前段时间我分享了Vue学习相关的学习宝库以及开源项目,有部分网友私信我有么有React方便的学习宝库呢?今天推荐20个Github热门的React学习宝库及开源项目,助你成为 React 大佬!创作不易,喜欢的老铁们加个关注,点个赞,后面会持续更新干货,速速收藏,谢谢!废话不多说,直接上干货:

推荐13个又热门又实用的Vue开源宝典库

推荐7个Vue 3的高颜值UI组件库

盘点12个优秀的微信小程序开源项目

全文大纲:


1.Awesome React

Github(52.5k):https://github.com/enaqx/awesome-react

关于 React 生态系统的一系列很棒的资源。



2. React in patterns

官网地址:www.gitbook.com/book/krasimir/react-in-patterns/

Github(12.1k):https://github.com/krasimir/react-in-patterns

一本介绍 React 开发设计模式和技术的免费开源书籍,该书提供了简体中文版本。




3. 30 Days Of React

Github(17.7k):https://github.com/Asabeneh/30-Days-Of-React

30 Days Of React 是在 30 天内学习 React 的分步指南。它需要 HTML、CSS 和 JavaScript 知识。



4. Real world React apps

Github(3k):https://github.com/jeromedalbert/real-world-react-apps

现实世界的 React 应用程序及其开源代码库,该库包含了51个React 开源项目,供开发人员学习。



5. React Bits

官方网址:https://vasanthk.gitbooks.io/react-bits

Github(14.1k):https://github.com/vasanthk/react-bits

React Bits 包含 React 设计模式、技术、技巧和窍门,提供了中文版本。



6. React & Redux in TypeScript - Complete Guide

官方网址:https://piotrwitek.github.io/react-redux-typescript-guide/

Github(12.7k):https://github.com/piotrwitek/react-redux-typescript-guide

使用 TypeScript 在 React & Redux 应用程序中进行静态输入的完整指南。本指南记录了如何使用 TypeScript 函数式风格使用 React(及其生态系统)的最重要的模式和秘诀。它将帮助你使代码完全类型安全,同时专注于从实现中推断类型。


7. Awesome React Components

Github(33.4k):https://github.com/brillout/awesome-react-components

一个很棒的 React 组件和库的列表,包含了11个大类。



8. ahooks

官方地址:https://ahooks.js.org/

Github(10.9k):https://github.com/alibaba/hooks

阿里巴巴开源的一套高质量可靠的 React Hooks 库。包含大量提炼自业务的高级 Hooks 以及丰富的基础 Hooks。它使用 TypeScript 构建,提供了完整的类型定义文件。



9. Beautiful React Hooks

官方地址:https://antonioru.github.io/beautiful-react-hooks/

Github(6.4k):https://github.com/antonioru/beautiful-react-hooks

Beautiful React Hooks 是可以显著为你提升组件开发和 hooks 开发效率的一系列漂亮的 React hooks。

React hooks 让我们能把组件的业务逻辑抽象到一个可重用的函数里。

根据到目前为止的使用经验,我们发现:我们创建并在内部项目之间复用的大多数 hooks 通常都有一些共同的写法,涉及回调引用、事件或是组件生命周期。

发现这一点后,我们尝试把这些常用的写法抽出来放进 beautiful-react-hooks —— 一系列 (说不定) 有用的 React hooks —— 来帮助其他公司和专家们加速他们的开发。

此外,我们创建了简明而稳固的 API,时刻牢记代码可阅读性,专注于保持学习曲线越低越好,以便它们可以被更大的团队分享和使用。





10. React Use

官方网址:http://streamich.github.io/react-use

Github(34.3k):https://github.com/streamich/react-use

必不可少的自定义 React Hooks 集合,提供了中文文档。




11. useHooks

官方地址:https://usehooks.com/

Github:https://github.com/uidotdev/usehooks

useHooks 是一系列易于理解的自定义 React Hook 集合。




12. React+TypeScript Cheatsheets

官方网址:https://react-typescript-cheatsheet.netlify.app/

Github(38.1k):https://github.com/typescript-cheatsheets/react

为经验丰富的 React 开发人员提供 TypeScript 入门的备忘录。



13. ReactJS coding challenges

Github(2.4k):https://github.com/alexgurr/react-coding-challenges

ReactJS coding challenges 是一系列具有各种困难的 React 编码挑战。



14. React Interview Questions & Answers

Github(25.6k):https://github.com/sudheerj/reactjs-interview-questions

300多道React面试题,含答案。



15. 30 seconds of code

官方网址:https://www.30secondsofcode.org/react/p/1

Github(4.6k):https://github.com/30-seconds/30-seconds-of-react

满足你所有开发需求的简短 React 代码片段。




16. React hooks cheatsheet

官方网址:https://react-hooks-cheatsheet.com/

Github(908):https://github.com/ohansemmanuel/react-hooks-cheatsheet

带有实时可编辑示例的 React hooks 备忘录 。包含一些可能会遇到的真实案例/问题示例。它包含实际的代码示例,每个示例都模仿了所有的 Hook API。




17. React/Redux Links

Github(21.9k):https://github.com/markerikson/react-redux-links

React/Redux Links 收集了一些有关 React、Redux、ES6 等的精选教程和资源链接,旨在为想要了解 React-Redux 生态系统的人提供高质量文章和资源的集合,以及有关高级主题和技术的优质信息。



18. React Developer Roadmap

Github(17.7k):https://github.com/adam-golab/react-developer-roadmap

该指南将助你成为一名 React 开发者,它包含了成为一名 React 开发者可以选取的学习路径和仓库。



19. Awesome React Hooks

Github(8.7k):https://github.com/rehooks/awesome-react-hooks

一系列关于 React Hooks 的教程、视频、播客、工具、自定义 hooks 库等。



20. Awesome Next.js

Github(8.1k):https://github.com/unicodeveloper/awesome-nextjs

关于使用 Next.js(React 服务器渲染框架)的书籍、视频、文章的精选资源列表。


相关推荐

记录一个ComboBox的设置问题,你可能没遇到过

ComboBox这个控件使用频率太高了,我从VC6编程开始就用它,一直用到C#到现在的Net6,要说我这么一个编程老手还能在它身上栽跟头,我都不敢相信。但是今天竟然被它无情的戏耍了。记录下这个问题,看...

组合框(Combo Box)应用之一_combo简单组合框

【分享成果,随喜正能量】对别人期待太高,本质上是对自身无能的逃避和推托,与其期待别人,不如依靠自己。你不害怕孤独,就不再寄期望于他人陪伴;你有底气解决问题,就不在寄期望于他人向你伸出援手。一个人期待值...

Qt之QComboBox定制(二)_qt on_combobox_activated

上一篇文章Qt之QComboBox定制讲到了qt实现自定义的下拉框,该篇文章主要实现了列表式的下拉框,这一节我还将继续讲解QComboBox的定制,而这一节我将会讲述更高级的用法,不仅仅是下拉列表框,...

从零开始系列,用C#做软件产品:私人日记(九)ComboBox入门

第八节的内容早已写好发布,结果一直在审核中,不知道触动了哪条神经。评论中看到有一些网友都在问为什么不用WPF来开发,在这里我统一说明下:1)WPF界面设计相对复杂。由于它是矢量的,需要额外有很多容器做...

QT-QSharedMemory_qt450-10是什么材料

1.QSharedMemory介绍...

进入Python的世界19-pyqt6不只是UI设计,其他模块功能如何运用

今天是大年初四,继续探讨pyqt6,给出使用的建议。PyQt6绝不仅仅局限于UI设计...

从零开始学Qt - 10:一文读懂Qt的元对象系统

Qt本身并不是一种编程语言,它实质上是一个跨平台的C++开发类库。它是用标准C++编写的,为开发GUI应用程序和非GUI应用程序提供了各种类。Qt对标准C++进行了扩展,引入一些新的概念和功能,例如信...

QT实现抖动文字和滚动文字,附源码

前言不知道大家有没有发现今天的文章有什么不一样,哈哈,我自己胡拼乱凑弄了一个logo,好不好看就先不说了,最起码萌萌哒...当然这不是今天的重点,在做logo的时候,我原本想让文字动起来的,奈何技术有...

Qt Concurrent的使用_qt是什么意思

1.简介QtConcurrent命名空间提供了高级api,使得无需使用诸如互斥、读写锁、等待条件或信号量等低级线程原语就可以编写多线程程序。使用QtConcurrent编写的程序会根据可用的...

Qt使用FFmpeg播放视频_qt使用ffmpeg播放视频功能

一、使用场景...

Qt中使用匿名函数lambda表达式_匿名函数lambda

一、为什么要使用匿名函数lamdba首先,lambda表达式可以使代码变得简单,C++中,一个lambda表达式表示一个可调用的代码单元。如代码:...

EtherCAT运动控制卡开发教程之Qt(中):小线段连续轨迹加工

今天,正运动小助手给大家分享一下EtherCAT运动控制卡开发教程之Qt,主要介绍一下如何通过Qt编程实现小线段轨迹连续加工,暂停与继续。...

送亲人,用1小时制作精美电子相框 | Qt 示例

今天给大家分享:...

Python之面向对象:综合应用,基于GUI实现会动的游戏英雄

引言本打算以上一篇文章作为面向对象模块的收尾,但是,犹豫了许久,还是决定再补充一篇,也就是今天这篇文章,打算基于Python的PyQt6/PySide6框架开发一个GUI程序,模拟实现一个在电脑桌面活...

Qt——常用数据类型_qt基本数据类型

1.基础类型因为Qt是一个C++框架,因此C++中所有的语法和数据类型在Qt中都是被支持的,但是Qt中也定义了一些属于自己的数据类型,下边给大家介绍一下这些基础的数类型。...

取消回复欢迎 发表评论: