主頁 > 企業開發 > ReactHub:我用 ChatGPT 搞了一個 React 的資源導航網站,誰有我用心啊!

ReactHub:我用 ChatGPT 搞了一個 React 的資源導航網站,誰有我用心啊!

2023-05-10 08:59:14 企業開發

大家好,我是DOM哥,

圖譜年年有,今年我來盤!

之前已經盤完了 Vue 的技術圖譜,今天來盤 React 的,

我用 ChatGPT 開發了一個 React 的資源導航網站,

不管你是資深 React 用戶,還是剛入門想學習 React 的小白,這個網站都能幫助到你,

網站地址:https://dombro.site/react#/react

專案托管在 GitHub,訪問不了的可以私信我喲,包教包會,送你 Magic Power!

React 的生態已經相當成熟,優秀的組件,庫,框架琳瑯滿目,數不勝數,

資源在精不在多,這里我只收錄了開源免費,GitHub 上的高星專案,

這上面包括以下資源:

必備核心

  • react:facebook 出品的 mvvm 框架
  • react-router:標配,路由管理
  • redux:標配,狀態管理

進階

  • mobx:簡單,可擴展的狀態管理
  • styled-components:css in js

UI框架

  • ant-design:螞蟻金服出品的企業級 ui 組件庫
  • ant-design-mobile:移動端 ui 組件庫
  • material-ui:風格繼承自 google's material design

WEB 框架

  • next.js:vercel 出品,全堆疊 web 應用
  • gatsby:web 框架

跨端

  • react-native:使用 react 框架來創建 Android 和 iOS 應用程式
  • taro:京東凹凸實驗室出品的跨端框架

工具

  • react-devtools:瀏覽器擴展,react 開發除錯必備利器
  • create-react-app:開箱即用 react 專案腳手架,現在推薦 vite

你不需要報什么班,買什么課,花那冤枉錢,

只需要把網頁上的這幾個資源,鉆進去,吃透,

你就能勝任任何 React 專案的開發,

從這個導航頁不但能跳到資源的中文或英文官網,還能直接跳到 GitHub 專案,以及 CDN 地址,

如果配合我之前分享的 Vimium 插件,那是相當方便,

現在前端 mvvm 框架要么是 Vue,要么是 React,兩者都有各自的生態,

如果你只打算學一個,那我推薦 Vue!首先是 vue 中文資源比 React 要多的多,

其次是 React 官網的這橫幅我實在是看不懂,

當然 技術嘛,多多益善,能兩個都掌握那最好,哪個公司會拒絕一個多才多藝的打工人呢!

對了,一開始我提到 這個網站我是用 ChatGPT 開發的,其實也并不全是,
ChatGPT 只是開發了個架子,然后里面的資源是用 ChatGPT 查的,包括網址和描述,
但 CSS 是我自己寫的,

ChatGPT 也用了半年了,下期我準備聊聊使用這半年來的感受,感興趣的記得關注我哦,

轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/552040.html

標籤:其他

上一篇:記錄--前端實作點擊選詞功能

下一篇:返回列表

標籤雲
其他(158740) Python(38124) JavaScript(25412) Java(18024) C(15222) 區塊鏈(8263) C#(7972) AI(7469) 爪哇(7425) MySQL(7172) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5871) 数组(5741) R(5409) Linux(5336) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4570) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2432) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1965) Web開發(1951) HtmlCss(1934) python-3.x(1918) 弹簧靴(1913) C++(1912) xml(1889) PostgreSQL(1875) .NETCore(1857) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • IEEE1588PTP在數字化變電站時鐘同步方面的應用

    IEEE1588ptp在數字化變電站時鐘同步方面的應用 京準電子科技官微——ahjzsz 一、電力系統時間同步基本概況 隨著對IEC 61850標準研究的不斷深入,國內外學者提出基于IEC61850通信標準體系建設數字化變電站的發展思路。數字化變電站與常規變電站的顯著區別在于程序層傳統的電流/電壓互 ......

    uj5u.com 2020-09-10 03:51:52 more
  • HTTP request smuggling CL.TE

    CL.TE 簡介 前端通過Content-Length處理請求,通過反向代理或者負載均衡將請求轉發到后端,后端Transfer-Encoding優先級較高,以TE處理請求造成安全問題。 檢測 發送如下資料包 POST / HTTP/1.1 Host: ac391f7e1e9af821806e890 ......

    uj5u.com 2020-09-10 03:52:11 more
  • 網路滲透資料大全單——漏洞庫篇

    網路滲透資料大全單——漏洞庫篇漏洞庫 NVD ——美國國家漏洞庫 →http://nvd.nist.gov/。 CERT ——美國國家應急回應中心 →https://www.us-cert.gov/ OSVDB ——開源漏洞庫 →http://osvdb.org Bugtraq ——賽門鐵克 →ht ......

    uj5u.com 2020-09-10 03:52:15 more
  • 京準講述NTP時鐘服務器應用及原理

    京準講述NTP時鐘服務器應用及原理京準講述NTP時鐘服務器應用及原理 安徽京準電子科技官微——ahjzsz 北斗授時原理 授時是指接識訓通過某種方式獲得本地時間與北斗標準時間的鐘差,然后調整本地時鐘使時差控制在一定的精度范圍內。 衛星導航系統通常由三部分組成:導航授時衛星、地面檢測校正維護系統和用戶 ......

    uj5u.com 2020-09-10 03:52:25 more
  • 利用北斗衛星系統設計NTP網路時間服務器

    利用北斗衛星系統設計NTP網路時間服務器 利用北斗衛星系統設計NTP網路時間服務器 安徽京準電子科技官微——ahjzsz 概述 NTP網路時間服務器是一款支持NTP和SNTP網路時間同步協議,高精度、大容量、高品質的高科技時鐘產品。 NTP網路時間服務器設備采用冗余架構設計,高精度時鐘直接來源于北斗 ......

    uj5u.com 2020-09-10 03:52:35 more
  • 詳細解讀電力系統各種對時方式

    詳細解讀電力系統各種對時方式 詳細解讀電力系統各種對時方式 安徽京準電子科技官微——ahjzsz,更多資料請添加VX 衛星同步時鐘是我京準公司開發研制的應用衛星授時時技術的標準時間顯示和發送的裝置,該裝置以M國全球定位系統(GLOBAL POSITIONING SYSTEM,縮寫為GPS)或者我國北 ......

    uj5u.com 2020-09-10 03:52:45 more
  • 如何保證外包團隊接入企業內網安全

    不管企業規模的大小,只要企業想省錢,那么企業的某些服務就一定會采用外包的形式,然而看似美好又經濟的策略,其實也有不好的一面。下面我通過安全的角度來聊聊使用外包團的安全隱患問題。 先看看什么服務會使用外包的,最常見的就是話務/客服這種需要大量重復性、無技術性的服務,或者是一些銷售外包、特殊的職能外包等 ......

    uj5u.com 2020-09-10 03:52:57 more
  • PHP漏洞之【整型數字型SQL注入】

    0x01 什么是SQL注入 SQL是一種注入攻擊,通過前端帶入后端資料庫進行惡意的SQL陳述句查詢。 0x02 SQL整型注入原理 SQL注入一般發生在動態網站URL地址里,當然也會發生在其它地發,如登錄框等等也會存在注入,只要是和資料庫打交道的地方都有可能存在。 如這里http://192.168. ......

    uj5u.com 2020-09-10 03:55:40 more
  • [GXYCTF2019]禁止套娃

    git泄露獲取原始碼 使用GET傳參,引數為exp 經過三層過濾執行 第一層過濾偽協議,第二層過濾帶引數的函式,第三層過濾一些函式 preg_replace('/[a-z,_]+\((?R)?\)/', NULL, $_GET['exp'] (?R)參考當前正則運算式,相當于匹配函式里的引數 因此傳遞 ......

    uj5u.com 2020-09-10 03:56:07 more
  • 等保2.0實施流程

    流程 結論 ......

    uj5u.com 2020-09-10 03:56:16 more
最新发布
  • ReactHub:我用 ChatGPT 搞了一個 React 的資源導航網站,誰有我用心

    大家好,我是DOM哥。 圖譜年年有,今年我來盤! 之前已經盤完了 Vue 的技術圖譜,今天來盤 React 的。不管你是資深 React 用戶,還是剛入門想學習 React 的小白,相信都能幫助到你 ......

    uj5u.com 2023-05-10 08:59:14 more
  • 記錄--前端實作點擊選詞功能

    這里給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 今天有一個需求,點擊選中某個英文單詞,然后對這個單詞做一些處理,例如高亮背景、查看一些詳細資訊等等,今天簡單實作了一下,效果如下:(支持移動端,chrome和sarafi瀏覽器均能正常使用。語言🚀 vue3 + typescript) ......

    uj5u.com 2023-05-10 08:52:49 more
  • 學node 之前你要知道這些

    初識nodejs 19年年底一個偶然的機會接到年會任務,有微信掃碼登錄、投票、彈幕等功能,于是決定用node 來寫幾個服務,結果也比較順利。 當時用看了下koa2的官方檔案,知道怎么連接資料庫、怎么映射表物體,怎么處理http,怎么處理例外等,就可以直接寫起來了。從應用層面上來說 nodejs 入門 ......

    uj5u.com 2023-05-10 08:47:38 more
  • HTML常用標簽

    1. 基礎語法 1.1 標記(標簽) - 常規標記(雙標記) <標記></標記> - 空標記(單標記) <標記 /> 1.2 <!DOCTYPE html> 檔案型別 1.3 <html lang="zh-CN"> 為瀏覽器指出本檔案所用語言 1.4 <meta /> - <meta charset ......

    uj5u.com 2023-05-10 08:47:30 more
  • js中的變數

    在JavaScript中,我們用var關鍵字來宣告一個變數,var關鍵字后緊跟變數的名稱,例如: var a1 = 40; a1就是變數的名稱,用來標識一個變數,所以它又稱為變數的識別符號。一個變數的識別符號必須是由字母、數字、下劃線組成,但首字符不能為數字,如: 1user、#user 都不是正確的標 ......

    uj5u.com 2023-05-10 08:47:25 more
  • 一行代碼搞定 font-size 回應式

    前言 公司要做大屏,但是大屏還要有個嵌在系統的版本,螢屏(iframe)小了但字體大了怎么辦。網上找了很多代碼都很長,個人參考了資料后實作了一個一行代碼 font-size 回應式。 TL;DR html { font-size: clamp(12px, calc(7px + 0.390625vw) ......

    uj5u.com 2023-05-10 08:47:20 more
  • 什么是jsonp

    jsonp 是前端一種用來解決網站跨域的技術,利用script標簽不受同源策略影響的特性引入一個非同源的js檔案,并定義一個回呼函式來接收資料,這樣就可以實作跨域獲取資料了,例如: 現在有一個鏈接回傳的資料是這樣的: cb({ "name": "swk", "age": 18 }) 這是一個標準的j ......

    uj5u.com 2023-05-10 08:47:16 more
  • JS中記憶體泄漏的幾種情況

    JavaScript 中的記憶體泄漏是指程式中使用的記憶體不再被需要卻沒有被釋放,最終導致瀏覽器或者 Node.js 行程使用的記憶體越來越大,直到程式崩潰或者系統運行緩慢。 在 JavaScript 中,記憶體泄漏通常是由于變數、物件、閉包、事件監聽器等長期存在而沒有被釋放引起的。這些長期存在的參考會阻止 ......

    uj5u.com 2023-05-10 08:47:12 more
  • 如何在VSCode Webview中打開一個新的頁面

    上一篇我介紹了如何在VSCode Webview中實作點擊鏈接下載圖片或檔案,本文介紹如何在默認瀏覽器中打開一個新的頁面。 在瀏覽器中,如果要實作打開一個新的頁面有許多種不同的方法,例如: window.open("https://www.cnblogs.com/jaxu", "_blank"); ......

    uj5u.com 2023-05-10 08:40:49 more
  • 學node 之前你要知道這些

    初識nodejs 19年年底一個偶然的機會接到年會任務,有微信掃碼登錄、投票、彈幕等功能,于是決定用node 來寫幾個服務,結果也比較順利。 當時用看了下koa2的官方檔案,知道怎么連接資料庫、怎么映射表物體,怎么處理http,怎么處理例外等,就可以直接寫起來了。從應用層面上來說 nodejs 入門 ......

    uj5u.com 2023-05-10 08:30:31 more