tag react

標籤
貢獻252
333
05:50 PM · Oct 25 ,2025

@react / 博客 RSS 訂閱

yayujs - Svelte 最新中文文檔教程(22)—— Svelte 5 遷移指南

前言 Svelte,一個語法簡潔、入門容易,面向未來的前端框架。 從 Svelte 誕生之初,就備受開發者的喜愛,根據統計,從 2019 年到 2024 年,連續 6 年一直是開發者最感興趣的前端框架 No.1: Svelte 以其獨特的編譯時優化機制著稱,具有輕量級、高性能、易上手等特性,非常適合構建輕量級 Web 項目。 為了幫助大家學習 Svelte,我同時搭建了 Svelte 最新的中文

react , 前端

收藏 評論

消逝的風i - Visual Studio Code(VS Code)常用插件彙總

vscode是微軟開發的代碼編輯器,因其輕量、跨平台、多語言支持性而廣受歡迎。vscode本身的定位只是一個代碼編輯器(editor),卻能實現傳統ide(集成開發環境,integrated development environment )一樣實現一站式開發,支持多語言的代碼提示、編譯、調試等重要功能。正是因為有強大的插件系統和豐富的插件社區,vscode才能提供如此優秀的代碼編寫體驗。本文將為

react , 前端

收藏 評論

世界盡頭守望的勇者 - 【筆記】React 國際化

React 國際化 前言 僅管市面上存在多款流行的國際化解決方案,但是筆者個人精力有限在此只記錄工作學習中遇到的解決方案(持續更新) react-i18next 方案 1. 安裝 pnpm install react-i18next i18next --save 2. 創建文件 在 src 目錄下新建 locales ,並創建 en-US.json 、zh-CN.json 和 resources

react , 前端

收藏 評論

yayujs - SvelteKit 最新中文文檔教程(6)—— 狀態管理

前言 Svelte,一個語法簡潔、入門容易,面向未來的前端框架。 從 Svelte 誕生之初,就備受開發者的喜愛,根據統計,從 2019 年到 2024 年,連續 6 年一直是開發者最感興趣的前端框架 No.1: Svelte 以其獨特的編譯時優化機制著稱,具有輕量級、高性能、易上手等特性,非常適合構建輕量級 Web 項目。 為了幫助大家學習 Svelte,我同時搭建了 Svelte 最新的中文

react , 前端

收藏 評論

yayujs - SvelteKit 最新中文文檔教程(7)—— 構建和部署

前言 Svelte,一個語法簡潔、入門容易,面向未來的前端框架。 從 Svelte 誕生之初,就備受開發者的喜愛,根據統計,從 2019 年到 2024 年,連續 6 年一直是開發者最感興趣的前端框架 No.1: Svelte 以其獨特的編譯時優化機制著稱,具有輕量級、高性能、易上手等特性,非常適合構建輕量級 Web 項目。 為了幫助大家學習 Svelte,我同時搭建了 Svelte 最新的中文

react , 前端

收藏 評論

Milton - Node.js環境和antd初始化項目

Node.js 環境準備 為了方便切換 Node.js 版本, 在 Ubuntu 下使用 nvm 做 Node.js 的版本管理, 在 Windows 10 下使用 fnm 做 Node.js 的版本管理 Ubuntu 22.04 Node.js 環境準備 以下操作使用 Ubuntu 22.04 環境 訪問 Node.js 下載説明頁 https://nodejs.org/en/download

react , 前端

收藏 評論

ASER_1989 - 前端藝術實踐:用Storybook構建交互式組件文檔

對於前端來説,組件話已經從熱門話題變成了基礎能力,自定義組件或自建組件庫已是再常見不過的事了。在實際工作中組件庫的文檔直接決定開發體驗和效率,文檔建設的重要性不言而喻。今天要推薦的工具叫Storybook,為此我特地通過用99元買的服務器搭了一套CI/CD系統部署了一套Demo,歡迎點擊體驗:Demo (首次加載速度尤為感人,請耐心等待。僅用於效果演示,希望大家別被這潦草的Demo迷惑)。組件庫的

react , 前端

收藏 評論

codechen8848 - 開源免費!一個在線的數據庫實體關係繪圖工具!

大家好,我是 Java陳序員。 之前,給大家介紹過一款基於實體連接圖的數據庫設計工具。 可視化!一款基於實體連接圖的數據庫設計工具! 今天,給大家介紹一個同款的在線數據庫實體關係繪圖工具。 關注微信公眾號:【Java陳序員】,獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹 drawDB —— 一個開源免費的在線數據庫圖表編輯器,通過鼠標拖拽可視化設計數據庫,並支持

react , 前端

收藏 評論

codechen8848 - 一體化白板!一款開源的白板工具!

在日常工作中,我們常常需要使用到白板工具,用於作圖,生成思維導圖、流程圖等來輔助工作。 今天,給大家介紹一款開源的白板工具,支持多種類型圖! 關注微信公眾號:【Java陳序員】,獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹 drawnix —— 一款開源的、基於 React 實現的白板工具(SaaS),實現一體化白板功能,包含自由畫、思維導圖、流程圖等。 功能

react , 前端

收藏 評論

codechen8848 - 絕了!一款簡潔優雅的高性能個人博客系統!

大家好,我是 Java陳序員。 作為一名程序員,你是否會想搭建個人技術博客,卻被各種技術配置搞得頭大?用靜態博客系統要手動部署,用動態系統又擔心速度太慢,找圖牀、配評論、做統計還要東拼西湊各種工具? 今天,給大家介紹一款簡潔優雅的高性能個人博客系統,開箱即用! 關注微信公眾號:【Java陳序員】,獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹 VanBlog ——

react , 前端

收藏 評論

IT開發者筆記 - DHTMLX重磅發佈React Scheduler組件,強勢賦能日程管理開發!

React開發者們的呼聲,DHTMLX團隊聽到了!繼DHTMLX React Gantt圖表廣受歡迎後,DHTMLX再次帶來全新力作 ——DHTMLX React Scheduler正式發佈! 該組件將成熟穩定的JavaScript Scheduler功能完美移植到React生態,為現代Web開發提供強大的日程排程能力,極大地提升項目開發效率與界面體驗。本文將帶您快速瞭解其核心能力與典型用法,助力

react , 前端

收藏 評論

袋鼠雲數棧前端 - 釦子 Coze 產品體驗功能

我們是袋鼠雲數棧 UED 團隊,致力於打造優秀的一站式數據中台產品。我們始終保持工匠精神,探索前端道路,為社區積累並傳播經驗價值。 本文作者:長路 認識釦子 相關鏈接 官方文檔:什麼是釦子 https://www.coze.cn/open/docs/guides/welcome 學習資源:https://www.coze.cn/open/docs/guides/learning_res

react , 前端

收藏 評論

codechen8848 - GitHub 星標太多管不過來?這款 AI 工具幫你一鍵整理、智能搜索!

大家好,我是 Java陳序員。 之前,給大家介紹過一個開源的 Github Stars 存儲庫管理器,用於解決 GitHub 星標庫太多不好管理的問題。 開發者必備!Github Stars 存儲庫管理器! 今天,再給大家介紹一款 Github 星標庫管理工具,與 AI 結合,實現更加強大的分類搜索功能! 關注微信公眾號:【Java陳序員】,獲取開源項目分享、AI副業分享、超200本經典計算機

react , 前端

收藏 評論

袋鼠雲數棧前端 - 實現一個 AI 編輯器 - 行內代碼生成篇

我們是袋鼠雲數棧 UED 團隊,致力於打造優秀的一站式數據中台產品。我們始終保持工匠精神,探索前端道路,為社區積累並傳播經驗價值。 本文作者:佳嵐 什麼是行內代碼生成? 通過一組快捷鍵(一般為cmd + k)在選中代碼塊或者光標處喚起 Prompt 命令彈窗,並且快速的應用生成的代碼。 提示詞系統 首先是完成一個簡易的提示詞系統,不同功能對應的提示詞與提供的上下文不同, 定義不

react , 前端

收藏 評論

IT開發者筆記 - 【醫療行業案例】基於 React 的預約系統:DHTMLX 助力高效排班與預約管理

在醫療、酒店、美容等服務行業中,預約(Booking)與排班(Scheduling)是線上服務的兩大核心功能。它們不僅是高效時間管理的基礎,也保障了組織內部的工作流程有序運轉。預約功能幫助用户快速完成就診、住宿或服務的在線預訂;而排班功能則確保組織合理利用人力資源,平衡工作負荷。正因如此,這兩類功能在現代 Web 應用中有着廣泛的應用需求。 今天,我們為大家帶來一個全新的React 技術棧醫生預約

react , 前端

收藏 評論

末雨摸魚 - React學習筆記(一)

組件化思想 組件 組件是構建 React 應用的獨立、可複用的代碼塊。它接收輸入(稱為 props),並返回描述UI的 React 元素。 函數組件 vs 類組件 函數組件:一個接受輸入,並輸出JSX的函數。 類組件:使用class定義,並繼承React.Component的類,必須包含一個render()方法。 為什麼函數組件成為主流 1、代碼簡潔:函數組件的語法更簡單,沒有this綁定

react , 前端

收藏 評論

京東雲開發者 - 【京東開源項目】微前端框架MicroApp 1.0正式發佈

介紹 MicroApp是由京東前端團隊推出的一款微前端框架,它從組件化的思維,基於類WebComponent進行微前端的渲染,旨在降低上手難度、提升工作效率。MicroApp無關技術棧,也不和業務綁定,可以用於任何前端框架。 源碼地址: https://github.com/micro-zoe/micro-app 官網地址: https://micro-zoe.github.io/micro

react , 微前端 , 開源項目介紹 , 前端 , Javascript

收藏 評論

陳學家_6174 - 精益 React 學習指南 (Lean React)- 1.2 JSX 語法

書籍完整目錄 1.2 JSX 語法 官方文檔 https://facebook.github.io/react/docs/jsx-in-depth.html JSX 語法聽上去很討厭,但當真正使用的時候會發現,JSX 的寫法在組件的組合和屬性的傳遞上提供了非常靈活的解決方案。 在學習本節的時候,希望讀者在閲讀的同時能夠實際編碼體驗 JSX ,寫代碼的意思是真的要寫.代.碼。 1.2.

react , leanreact , HTML , html5

收藏 評論

TNTWEB - FFCreator -- 用 node.js 來製作數據可視化視頻吧

TNTWeb - 全稱騰訊新聞前端團隊,組內小夥伴在 Web 前端、NodeJS 開發、UI 設計、移動 APP 等大前端領域都有所實踐和積累。 目前團隊主要支持騰訊新聞各業務的前端開發,業務開發之餘也積累沉澱了一些前端基礎設施,賦能業務提效和產品創新。 團隊倡導開源共建,擁有各種技術大牛,團隊 Github 地址:https://github.com/tnfe 今天為大家介紹 FFCr

react , vue.js , node.js , javascript正則 , html5

收藏 評論

大白白 - 邂逅react(八)-虛擬DOM

一直聽説虛擬dom這個概念,虛擬dom到底是什麼,下面我們一起探索,揭開這層神秘的面紗~~~ react中React.createElement形成的js樹就是虛擬dom class App extends React.Component{//jsx寫法 render(){ le

react , virtual-dom , Javascript

收藏 評論

plutoLam - react hook的最強拓展——useEffect篇

前言 隨着react16.8的發佈,hook新特性隨之而來,hook的到來讓function組件煥發出強大的能力,足矣取代之前的class組件。函數式組件依靠useState、useEffect等hook實現變量狀態維持、抽離副作用等功能。雖然原生的useEffect具有強大的功能,但是那些常用的寫法每次都要手動復現一次,不但影響開發效率,而且容易出錯。 下面我會給大家推薦一個npm第三方庫,它將

react , hooks , hook , npm , 前端

收藏 評論

風不識途 - 一文總結redux、react-redux、redux-saga

redux、react-redux、redux-saga總結 前言 hello大家好,我是風不識途,最近一直在整理redux系列文章,發現對於初學者不太友好,關係錯綜複雜,難倒是不太難,就是比較複雜 (其實寫比較少),所以這篇帶你全面瞭解redux、react-redux、redux-thunk還有redux-sage,immutable(多圖預警),由於知識點比較多,建議先收藏(收藏等於學

react , redux-saga , redux , immutable-js , 前端

收藏 評論

David Atanda - GraphQL On The Front-End (React And Apollo)

One of the main benefits of GraphQL is the client’s ability to request what they need from the server and receive that data exactly and predictably. Without much effort, one can easily pull nested d

react , API , graphql , coding

收藏 評論

Topple the Cat - Implementing Okta Authentication In React

When we’re building an application, one essential factor is authentication. For many developers, building an authentication architecture is straightforward. Still, teams have to consider security an

react , Tools , Apps , Javascript

收藏 評論