推荐20个Github热门的React学习宝库及开源项目
liebian365 2024-11-19 06:35 24 浏览 0 评论
大家好,我是 Echa,今天又是周五啦,提前祝大家周末愉快~
前段时间我分享了Vue学习相关的学习宝库以及开源项目,有部分网友私信我有么有React方便的学习宝库呢?今天推荐20个Github热门的React学习宝库及开源项目,助你成为 React 大佬!创作不易,喜欢的老铁们加个关注,点个赞,后面会持续更新干货,速速收藏,谢谢!废话不多说,直接上干货:
全文大纲:
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 服务器渲染框架)的书籍、视频、文章的精选资源列表。
相关推荐
- C#夯实基础-Lambda在List中的使用
-
在C#中基本类型比如List,Dictionary,数组等都有委托来实现相关的操作。此时Lambda表达式就可以使用了.实例1,查找字符串List的包含a的元素...
- 在C#中,如何实现对集合中元素的自定义排序?
-
在C#中,可以通过多种方式实现对集合中元素的自定义排序,主要包括:...
- C++11 新特性面试题_c++ 11 面试题
-
1、C++11中引入了哪些新的智能指针类型?请描述它们的用法和区别。C++11中引入了三种新的智能指针类型:std::unique_ptr,std::shared_ptr,和std::weak_...
- 为什么要使用lambda表达式?原来如此,涨知识了
-
为什么要使用Lambda表达式先看几段Java8以前经常会遇到的代码:创建线程并启动...
- [编程基础] Python lambda函数总结
-
Pythonlambda函数教程展示了如何在Python中创建匿名函数。Python中的匿名函数是使用lambda关键字创建的。...
- 硬核!Java 程序员必须掌握的 10 个 简化代码的 Lambda 表达式!
-
大家好,我是一位在架构师道路上狂奔的码农,今天给大家介绍一下程序员必须掌握的10个Lambda表达式,这些表达式几乎涵盖了在实际编程中经常用到的常见场景。相信通过这10个Lambda表...
- 一文读懂lambda表达式_lambda表达式由来
-
作者:youngyan,腾讯PCG数据工程工程师...
- Java基础知识 - lambda 表达式_javalambda表达式用法
-
1、表达式语法1)lambda的命名采用的是数学符号λ;...
- Python学习笔记 | 匿名函数lambda、映射函数map和过滤函数filter
-
什么是匿名函数?定义:没有函数名的自定义函数场景:函数体非常简单,使用次数很少,没有必要声明函数,通常搭配高阶函数使用。...
- Java Lambda表达式详解(非常全面)
-
JavaLambda表达式是JDK8引入的,是一个比较重要的特性。@mikechenLambda表达式简介...
- 了解 Lambda:Python 中的单个表达式函数
-
Python中的lambda关键字提供了声明小型匿名函数的快捷方式。Lambda函数的行为与使用...
- 在C#中使用Lambda编写一个排序算法,比较其与传统排序算法的优劣
-
使用Lambda表达式编写排序算法在C#中,Lambda表达式可以用来简化排序逻辑的编写,尤其是在需要自定义排序规则时非常方便。以下示例展示了如何用Lambda表达式实现排序,并与传统排...
- 一日一技:python中的匿名函数 lambda用法
-
匿名函数lambda,语法如下:lambdaarguments:expression...
- 《回炉重造》——Lambda表达式_回炉重造是贬义词吗
-
前言Lambda表达式(LambdaExpression),相信大家对Lambda肯定是很熟悉的,毕竟我们数学上经常用到它,即λ。不过,感觉数学中的Lambda和编程语言中的Lamb...
你 发表评论:
欢迎- 一周热门
- 最近发表
- 标签列表
-
- wireshark怎么抓包 (75)
- qt sleep (64)
- cs1.6指令代码大全 (55)
- factory-method (60)
- sqlite3_bind_blob (52)
- hibernate update (63)
- c++ base64 (70)
- nc 命令 (52)
- wm_close (51)
- epollin (51)
- sqlca.sqlcode (57)
- lua ipairs (60)
- tv_usec (64)
- 命令行进入文件夹 (53)
- postgresql array (57)
- statfs函数 (57)
- .project文件 (54)
- lua require (56)
- for_each (67)
- c#工厂模式 (57)
- wxsqlite3 (66)
- dmesg -c (58)
- fopen参数 (53)
- tar -zxvf -c (55)
- 速递查询 (52)