成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

Github上八個優秀的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: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:https://github.com/thedevs-network/kutt。

3、Win11 in React

制作這個開源項目的目的是希望使用 React、CSS (SCSS) 和 JS 等標準 Web 技術在 Web 上復制 Windows 11 桌面體驗。作者大概花了兩周的時間做出了這個網頁版的 Windows 11,在瀏覽器上就可以體驗 Windows 11 系統的操作。

圖片

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

4、JoL-player

JoL-player 是一個簡潔,美觀,功能強大的 React 播放器。它通過了開箱即用的高質量 React 組件,使用 TypeScript 開發,提供完整的類型定義文件,支持國際化語言,強大的API和功能,并且支持React 18+版本。

圖片

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:https://github.com/taniarascia/takenote。

6、Fiora

Fiora 是一個有趣的開源聊天應用程序。它是基于Node.js、React和socket.io技術開發的。它包含了后端、前端、Android 和 iOS 應用程序,支持 Windows / Linux / macOS 系統。該應用支持添加好友、群聊、設置主題、消息提醒、多種消息類型等。

圖片

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

7、Todoist clone

Todoist clone 使用 create-react-app 作為基礎構建,使用的技術是 React(自定義 Hooks、context)、Firebase 和 React 測試庫。除此之外,還使用 SCSS (CSS) 并遵循 BEM 命名方法來設置應用程序的樣式。作者希望通過這個項目讓人們更好地理解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:https://github.com/oldboyxx/jira_clone。

責任編輯:姜華 來源: 前端充電寶
相關推薦

2022-06-15 09:01:41

Vue 項目Github

2023-10-05 08:52:53

2023-05-03 21:42:02

Github開源項目

2023-06-14 08:01:13

ReactUI 組件庫

2023-10-10 10:27:37

DevOps

2023-05-30 14:16:00

開源項目Python

2022-05-30 00:04:16

開源Github技巧

2023-11-29 10:16:45

內網開源

2022-07-22 16:00:53

GitHub工具安全

2022-05-16 14:25:31

數據分析預測分析工具

2022-05-11 07:50:15

React UI組件庫前端

2023-12-10 14:39:25

刪除圖片開源圖片背景移除

2022-10-10 09:00:35

ReactJSX組件

2023-07-31 10:56:20

2023-05-23 14:39:06

2023-02-21 10:37:57

IT項目CIO首席信息官

2024-03-27 14:06:58

Python代碼開發

2023-09-12 14:03:44

2023-11-13 10:11:49

開源前端

2021-06-29 10:03:45

數據科學機器學習算法
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 在线午夜电影 | 精品久久一区 | 亚洲视频在线观看一区二区三区 | 精品国产一区三区 | 午夜视频一区 | 亚洲一区 中文字幕 | 亚洲天堂免费在线 | 久久久久久国产精品免费 | 97精品视频在线 | 一级毛片免费 | 精品一区二区三区电影 | 99久久99| 天天插天天操 | 精品国产一区久久 | 精品麻豆剧传媒av国产九九九 | 日韩欧美国产精品一区二区三区 | 久久久精品一区 | 国产剧情一区二区三区 | 精品久久久久久 | 欧美成人影院在线 | 麻豆国产一区二区三区四区 | аⅴ资源新版在线天堂 | 亚洲精品乱码 | 亚洲精品乱码久久久久久久久久 | 九九热re | 亚洲午夜精品一区二区三区他趣 | 成人在线网址 | 欧美日韩在线视频一区二区 | 国产精品激情小视频 | 精品色| 久久精品亚洲 | 蜜桃传媒一区二区 | 成人午夜影院 | 精品国产亚洲一区二区三区大结局 | 超碰97免费 | 国产99久久久国产精品 | 爱操av| 成人在线观看网址 | 波多野结衣精品在线 | 久久亚洲二区 | 99久久精品免费看国产四区 |