tag react

標籤
貢獻253
442
05:50 PM · Oct 25 ,2025

@react / 博客 RSS 訂閱

冴羽 - 從 useState 到 URLState:為什麼大佬們都在刪狀態管理代碼?

1. 前言 當你打開這個網址時: https://prismjs.com/download.html#themes=prismlanguages=markup+css+clike+javascriptplugins=line-numbers 你會發現,所有你需要的主題、語言、插件已經被自動勾選: 當你在頁面修改配置時,URL 也會隨之改變。 你看,這個 URL 不僅僅是一個鏈接,更是一個完整的狀

react , vue.js , node.js , 前端 , Javascript

收藏 評論

兔子先森 - 微信AI小程序認證基本流程:認證、完善類目、微信認證

認證類型 認證層面的: 1、申請小程序賬號 2、完善小程序基本信息 名稱 簡介 頭像 介紹 3、完善類目 4、微信認證,認證需要公司主體信息、300塊錢認證費 可能你在開發中還無需微信認證這一步,但上架是需要的,到這裏基本的認證就結束了,然後是開發層面的。 開發層面的: 1、服務器域名配置,如果沒有配置則體驗版本接口無法調用,線上版同理

react , vue.js , HTML , 前端 , Javascript

收藏 評論

科韻小棧 - React Props指南:從基礎到高階應用的最佳實踐解析

在 React 中,Props(屬性)是組件間通信和數據傳遞的核心機制。通過合理使用 Props,開發者可以構建動態、可複用且易於維護的組件體系。本文將深入探討 Props 的核心概念、使用方法及最佳實踐,幫助開發者全面掌握這一重要特性。 一、Props 的核心概念與作用 定義與特性 Props 是 "Properties" 的縮寫,代表傳遞給組件的只讀數據塊,其核心特性包括:

react , 前端

收藏 評論

黃明基 - 跨平台桌面應用開發:解鎖 Electron 與 shadcn/ui 的潛力

本文部分內容使用豆包AI進行撰寫和潤色 在當今數字化轉型加速推進的時代,桌面應用程序作為各行各業的關鍵支撐,持續發揮着不可替代的作用。從醫療領域專業精準的影像診斷軟件,助力醫生快速洞察病情、制定治療方案;到建築設計行業複雜且功能強大的建模工具,將設計師腦海中的藍圖完美轉化為虛擬模型;再到電商運營不可或缺的店鋪管理軟件,高效處理訂單、庫存等海量數據,桌面應用憑藉其對本地資源的深度掌控、卓越的性

react , 前端

收藏 評論

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

收藏 評論