Github开源项目有哪些推荐 Github上推荐8个很棒的React项目

今天来分享 Github 上 8 个很棒的 React 项目,希望能通过学习这些项目的源码,帮助大家更好地理解 React,编写更优雅的 React 代码!

概览:

  1. React Tetris: 俄罗斯方块
  2. Kutt.it: URL 缩短器
  3. Win11 in React: Web 版 Windows 11
  4. JoL-player: 视频播放器
  5. Take Note: 笔记应用
  6. Fiora: 聊天应用
  7. Todoist clone: 克隆版 Todoist
  8. Jira Clone: 克隆版 Jira

1. React Tetris

React Tetris 是一个使用 React、Redux、Immutable 制作的俄罗斯方块游戏。它是一个非常不错的 React 练手项目,小小的“方块”还是有很多的细节可以优化和打磨。项目的官方介绍中还有一些作者开发这个项目时的一些想法(中文),值得借鉴。

Github开源项目有哪些推荐 Github上推荐8个很棒的React项目

Github:https://github.com/chvin/react-tetris

2. Kutt.it

Kutt 是一个现代的 URL 缩短器,支持自定义域。缩短网址、管理链接并查看点击率统计信息。支持自定义域名,设置链接密码和描述,缩短URL的私人统计信息,查看、编辑、删除和管理链接,RESTful API等。使用Node.js、Express、Passport、React、TypeScript、Next、Easy Peasy、styled-components、Recharts、PostgreSQL、Redis 等技术构建。

Github开源项目有哪些推荐 Github上推荐8个很棒的React项目

Github:https://github.com/thedevs-network/kutt

3. Win11 in React

制作这个开源项目的目的是希望使用 React、CSS (SCSS) 和 JS 等标准 Web 技术在 Web 上复制 Windows 11 桌面体验。作者大概花了两周的时间做出了这个网页版的 Windows 11,在浏览器上就可以体验 Windows 11 系统的操作。

Github开源项目有哪些推荐 Github上推荐8个很棒的React项目

Github:https://github.com/blueedgetechno/win11React

4. JoL-player

JoL-player 是一个简洁,美观,功能强大的 React 播放器。它通过了开箱即用的高质量 React 组件,使用 TypeScript 开发,提供完整的类型定义文件,支持国际化语言,强大的API和功能,并且支持React 18+版本。

Github开源项目有哪些推荐 Github上推荐8个很棒的React项目

Github:https://github.com/lgf196/JoL-player

5. Take Note

TakeNote 是一款 Web 笔记应用,它是一个没有数据库的静态站点,不会将笔记同步到云端。笔记会暂时保存在本地存储中,可以以 zip 格式下载 markdown 格式的所有笔记。该应用支持搜索笔记、多光标编辑、链接笔记、语法高亮、键盘快捷键、拖放操作、Markdown 预览等功能。

TakeNote 使用 TypeScript、React、Redux、Node、Express、Codemirror、Webpack、Jest、Cypress、Feather Icons、ESLint 和 Mousetrap 等技术创建。

Github开源项目有哪些推荐 Github上推荐8个很棒的React项目

Github:https://github.com/taniarascia/takenote

6. Fiora

Fiora 是一个有趣的开源聊天应用程序。它是基于Node.js、React和socket.io技术开发的。它包含了后端、前端、Android 和 iOS 应用程序,支持 Windows / Linux / macOS 系统。该应用支持添加好友、群聊、设置主题、消息提醒、多种消息类型等。

Github开源项目有哪些推荐 Github上推荐8个很棒的React项目

Github:https://github.com/yinxin630/fiora

7. Todoist clone

Todoist clone 使用 create-react-app 作为基础构建,使用的技术是 React(自定义 Hooks、context)、Firebase 和 React 测试库。除此之外,还使用 SCSS (CSS) 并遵循 BEM 命名方法来设置应用程序的样式。作者希望通过这个项目让人们更好地理解React。

Github开源项目有哪些推荐 Github上推荐8个很棒的React项目

Github:https://github.com/karlhadwen/todoist

8. Jira Clone

JIRA 是一个项目与事务跟踪工具,被广泛应用于缺陷跟踪、客户服务、需求收集、流程审批、任务跟踪、项目跟踪和敏捷管理等工作领域。而 Jira Clone 是使用 React 开发的 Jira 的简化版。与 Jira 一样,该项目也提供交互式用户界面,但代码更简单。该项目是使用 React 以及 webpack、Node.js、ESLint、styled-components 和 cypress 构建的。该应用使用最新的 React 特性,例如带有Hooks的函数组件。此外,该项目还使用了几个自定义的轻量级 UI 组件,包括模态框和日期选择器等。

Github开源项目有哪些推荐 Github上推荐8个很棒的React项目

Github:https://github.com/oldboyxx/jira_clone

本文链接:https://www.dzdvip.com/39965.html 版权声明:本文内容均来源于互联网。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 395045033@qq.com,一经查实,本站将立刻删除。
(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022年11月21日 22:54
下一篇 2022年11月21日 22:55

相关推荐

  • 为什么要做网络推广?

    传统的宣传手段,信息来源渠道狭窄,传递信息速度慢,时效性也差,而网络推广受众范围广、目标群体明确、推广实时、灵活、成本低。所以网络推广的效果往往更好。

    2021年5月2日
    16
  • 如何使用 Apple Watch 跟踪睡眠时间和睡眠质量?

    使用 watchOS 7 中的“睡眠”App 来设定起床闹钟、就寝时间和就寝提醒。然后,戴着手表就寝以跟踪睡眠质量。 设置“睡眠” 获得充足的睡眠对于您的整体健康非常重要。iPhone 上的“健康”App 可以帮助您设定睡眠目标,并持续跟踪您在实现这一目标过程中的进展情况。 1.打开 iPhone 上的“健康”App。 2.轻点“设置睡眠”下方的“开始使用”,然后轻点“下一步”。 3.按照屏幕上的提示进行设置: 睡眠目标:设置您想要睡多少个小时。 就寝和起床时间:设置您想要在何时就寝和起床。 睡眠模式:在您就寝时,iPhone 可以打开“勿扰模式”,并调暗锁定屏幕亮度,以减少干扰并保证您的睡眠质量。 助眠快捷指令:添加在就寝之前能够帮助您花点时间来放松身心的快捷指令,例如打开“家庭”场景、聆听舒缓的歌单或使用您喜爱的冥想 App。 通过 Apple Watch 跟踪睡眠:戴着手表就寝,以跟踪您的睡眠状况。如果您之前已将 Apple Watch 与 iPhone 配对,则在设置过程中可以使用这个选项。如果您在完成设置后配对 Apple Watch,您稍后仍可以打开“通过 Apple Watch 跟踪睡眠”。 查看睡眠历史记录 要查看您的睡眠历史记录,请打开 iPhone 上的“健康”App,轻点屏幕底部的“浏览”,然后轻点“睡眠”。如果您收藏过“睡眠”,则可以从“健康”App 的“摘要”页面访问“睡眠”。     根据您在夜间的 iPhone 使用情况,iPhone 上的“睡眠”功能会跟踪您的“卧床时间”并绘制图表。默认情况下,条形图设为“周”,显示每周数据。轻点图表顶部的“月”,可查看过去一个月的睡眠历史记录。轻点“显示更多睡眠数据”,可查看您的“睡眠时长”详细信息,例如“平均卧床时间”和“平均睡眠时间”。您可以轻点每一项详细信息,然后在上图中以图表形式直观查看这项数据。 使用 Apple Watch 获得更准确的结果 如果您是在完成“睡眠”设置后配对的 Apple Watch,您仍可以打开“通过 Apple Watch 跟踪睡眠”。在 iPhone 上的 Watch App 中,轻点“我的手表”标签,然后轻点“睡眠”。然后轻点“通过 Apple Watch 跟踪睡眠”以打开这项设置。要在戴着手表睡觉时获得最准确的结果,请按照以下步骤操作: 打开“充电提醒”。在 i…

    2021年8月19日
    71
  • 鸿蒙系统推广,结果会怎么样?

    华为推出鸿系统,提供服务系统。目前面临很多问题。 华为推出鸿蒙系统,国内的厂家响应寥寥无几,这种现象怎么看? 华为推出鸿蒙系统,这是媒体宣布的消息。但是从目前的网络反应来看,似乎国内的主流厂家响应的寥寥无几。 这个时候有人对华为的鸿蒙的前途表示担忧。认为如果国内的厂家响应的寥寥无几。华为是不是意味着鸿蒙很难生存下去。 我的观点是鸿蒙系统作为替代性的系统,作为中国自制知识产权的系统,要想变成社会上应用的系统,必须有华为的推广,华为用户的使用,也有国内厂家的使用。 从华为推出鸿蒙系统来看,鸿蒙系统推广是分阶段的。 第一个阶段是华为进行测试,内部是进行实施,实施完了以后,形成自己的良好的功能。 第二阶段,替代安卓系统。在这个过程中,用户生态万要建立,没有生态,用户不一定能接受这个系统,因毕竟有一些缺陷,有些东西不能用。 第三个阶段,大规模使用。市场行为是利益行为,大家不采取鸿系统,不是道德出了问题,是他们在经济上可能感觉采取不合算。用户是接受。这是我们对国内厂家的分析。 鸿蒙系统的前途怎么样?我认为鸿蒙系统华为在坚持之下努力之下,逐步的功能完善。市场推出,现在华为的用户上实施效果很好,自然就会被国内的其他厂家慢慢的采用。 华为要熬过这一阶段。市场不相眼泪,不需要同情。 市场需求实力,利益和效果。 鸿蒙会有笑起来的一天。

    2021年5月26日
    22
  • 刘强东转让京东系公司股权(刘强东在京东有多少股权)

    “刘强东近日转让了京东系两家相关公司各45%的股权。周一(9月19日),京东系公司股价呈现不同幅度下跌,截止发稿,京东物流(02618.HK)跌7.59%,京东健康(06618.HK)跌1.62%,京东集团(09618.HK)跌2.69%;同期恒生科指跌了2.2%,恒生指数下跌1%。9月16日晚间消息,京东健康(06618.HK)在港交所公告,刘强东同意将于宿迁天宁持有的45%股权转让予京东集团副总裁缪钦。 刘强东近日转让了京东系两家相关公司各45%的股权。 周一(9月19日),京东系公司股价呈现不同幅度下跌,截止发稿,京东物流(02618.HK)跌7.59%,京东健康(06618.HK)跌1.62%,京东集团(09618.HK)跌2.69%;同期恒生科指跌了2.2%,恒生指数下跌1%。 9月16日晚间消息,京东健康(06618.HK)在港交所公告,刘强东同意将于宿迁天宁持有的45%股权转让予京东集团副总裁缪钦;京东物流(02618.HK)同日公告,刘强东同意将于西安京东持有的45%股权转让予京东集团副总裁缪钦。 京东健康公告显示,刘强东于2022年9月16日订立股权转让协议,同意将于宿迁天宁持有的45%股权转让予京东集团副总裁缪钦。根据新合同安排,宿迁天宁的新登记股东为缪钦(持有45%)、李娅云(持有30%)及张雱(持有25%)。 京东物流公告显示,刘强东于2022年9月16日订立股权转让协议,同意将于西安京东持有的45%股权转让予京东集团副总裁缪钦。根据新合同安排,西安京东的新登记股东为缪钦(持有45%)、李娅云(持有30%)及张雱(持有25%)。 股权转让为提高行政效率 至于刘强东转让的原因,公告给出了相似的解释。一是法律法规的问题,二是刘强东先生为非执行董事,不参与两家的日常营运,签署相关文件存在实际困难。为提高行政效率,两公司的各项行政事务或备案由缪钦(京东集团副总裁)管理将更为高效。 京东物流的业务中,还包括在中国提供国内信件快递业务。根据适用中国法律法规,外国投资者禁止开展国内信件快递业务。因此,京东物流采纳现有合同安排,由西安京东及其子公司持有开展有关服务及经营上述业务所需的相关执照,然后通过京东物流旗下全资子公司对西安京东等行使控制权,并将后者财务业绩并入业绩。 京东健康的业务,也包括在中国提供增值电信服务业务及互联网医院服务业务。根据适用中国法律…

    2022年9月19日
    61
  • 蔡文胜投资域名的故事(蔡文胜发家历程)

    修图界大佬,身价曾达170亿,却被比特币拖累,半年亏了3个亿 原创2022-07-15 14:04·谷仓新国货研究院 出生于普通农民家庭,6岁跟着父母种水稻,8岁上街卖油条,高一辍学摆地摊的蔡文胜,在互联网世界混得风生水起,巅峰时期身价达到170亿。 他的魅力征服了多个同行,朋友圈里皆是富豪级人物,李开复、薛蛮子、徐小平、何伯权、杨向阳、龚虹嘉、倪正东、曾李青、袁岳、包凡……他在美图秀秀上市时,感谢了50多位朋友。 这样一位成功的大佬,大胆押注加密数字货币,成为第一家港交所上市公司购买比特币(BTC)的企业,也是全球首个将以太币(ETH)作为货币价值储备的上市公司。然而,没有可供锚定内在价值的数字虚拟货币比过山车还疯狂,涨跌没有底线,美图公司去年靠比特币赚了1亿美金,今年上半年就亏了3.06亿。 押注比特币的大佬是怎样的一个人? 01、高一辍学的创投大佬 1985年,高一辍学的蔡文胜,与同班同学姜盈谦一起,各自从家里借了500块钱,一起在石狮大仑街摆地摊,卖计算器、傻瓜相机、粉饼等五花八门的产品,好的时候一天能赚100多块钱。这算是蔡文胜的第一次创业。 后来蔡文胜还跟人合伙创办了泉州百业信息,是泉州最早的黄页,在菲律宾做国际贸易,卖衣服卖水泥,到1999年时,蔡文胜的财富积累到了30万,这一年,他将全部身家投入到了股市,搏一搏单车变摩托,30万变成了100万,完成原始积累。 从2000年开始,蔡文胜才进入互联网行业创业,他花了1万块买了台电脑,还不会操作,在网上“忽悠”了第一个员工,才教会他前进后退、右键功能、软件下载等网页的基本操作功能。 就是这样一位连网页都不懂的人,域名生意却做得风生水起,他一口气注册了10万多个域名,现在很多企业的域名都是出自他手,比如爱奇艺的qiyi.com、土豆网的tudou.com、创新工场的chuangxin.com、暴风影音的baofeng.com,每年靠卖域名他能赚几百万。 从一个门外汉到域名大王,蔡文胜的秘诀是深度学习,某位手机界大佬曾评价蔡文胜:“他学习能力很强,琢磨问题非常透彻,对每一个问题都会做大量的研究分析。他研究的方向可能并不很大,但在这些方向里面他是绝对的专家。” 比如判断域名值不值钱,他用编程生成10万个域名,然后去跟域名注册公司的数据库匹配,通常会有1000个域名被人预定,这个域名有需求也是比较值钱的,他就去收购…

    2022年8月1日
    15
  • 蚕宝宝的生长过程(蚕的生长过程图片顺序)

    蚕的生长过程会经历孵化、生长、吐丝、结茧、破茧。蚕以卵繁殖,蚕卵像细粒芝麻,宽约1毫米,厚约0.5毫米。温度升高蚕卵就开始发育,经过7-15天,当蚕卵变得透明并可以看到里面的轮廓,就表示蚕宝宝快要出来。刚从卵中孵化出来的蚕,身上长满细毛,也称为蚁蚕。 蚕的整个生长期共50天左右,要经过蚕卵,蚕蚁,蚕宝宝(幼龄),蚕茧,蚕蛾五个阶段。 蚕卵:一只雌蚕可产蚕卵500粒,刚产下的蚕卵像细芝麻粒,为淡黄色,一天后变成赤豆色,3天后又变成紫色,便开始孵化出蚕蚁了,再过5天左右就可出壳了。 蚕蚁:蚕刚刚孵化出来时,大约2毫米长,呈褐色,有很多毛,很像蚂蚁,所以叫蚕蚁。蚕蚁从蚕卵中出来2个小时就开始进食桑叶。 蚕宝宝:蚕宝宝不断吃桑叶后身体变为白色,并隔一段时间就脱一层皮,脱一次皮就长大一岁,共脱四次皮,也就是经过五龄阶段。 一龄期采食桑叶3至4天后休眠8个小时第一次脱皮;二龄蚕宝宝身体变胖颜色变白,食桑叶3天后休眠12个小时第二次脱皮;三龄蚕宝宝身体变成浅褐色,采食量开始增大,食桑叶3天后休眠12个小时第三次脱皮; 四龄蚕宝宝也叫大蚕,食量明显增大,生长很快,食桑叶5天后休眠12个小时第四次脱皮;五齡,经过四次脱皮的蚕宝宝食量大增,这阶段的进食桑叶量占总食叶量的75%,7天以后蚕体开始缩短变亮变成熟蚕,此时不再进食,开始吐丝结茧。 结茧:熟蚕结茧的时间为2天,在茧中脱皮变成蛹,大约15天后,羽化成蚕蛾,破茧而出。 蚕蛾:出茧后在3至5天完成交尾产卵。雌蛾尾部发出一种气味,引诱雄蛾交尾,交尾后雄蛾即死亡,雌蛾产卵后也慢慢死去。 总结:蚕的生长一般是孵化期8至9天,在经过一龄、二龄、三龄、四龄、五龄五个阶段25天左右的幼龄期,就进入蚕蛹期,14天至18天后羽化成蚕蛾,破茧而出交尾产卵,完成一个生命的轮回。

    2022年6月6日
    142