我開源了一個表單庫 - 元數據定義一次,即可渲染
我查看了市面上所有的表單庫,都有一個致命的缺點,定義多次才能實現表單 比如,像下面的代碼(偽代碼) interface Test { firstName: string; } const form = useFormTest({ defaultValues: { firstName: "default", }, onSubmit: async ({ value }
昵稱 wszgrcy
@react
貢獻者88
粉絲0
貢獻者
@react
動態 列表
什麼是銷售管理系統?哪家銷售管理系統可靠
什麼是銷售管理系統？銷售管理系統即專注於銷售流程與客户資源管理的系統，是一種集成的軟件系統，用於管理公司與其現有客户和潛在客户的互動及銷售全流程。通過銷售管理系統，企業可以有效地組織、自動化和同步銷售、市場營銷、客户服務和技術支持等功能。在現代商業環境中，銷售管理系統已經成為企業提升銷售效率、優化客户資源利用的關鍵因素之一。隨着科技的進步和市場競爭的加劇，企業對銷售管理系統的需求日益增長。本文將深
昵稱 Python最棒
Angular的無選擇器(Selectorless)非官方實現
Angular的無選擇器(Selectorless)非官方實現 眾所周知,Angular的組件定義,使用的時候,必須生成一個自定義標籤;某些時候使用css佈局的時候,就會比較麻煩 雖然官方已經開始考慮實現無選擇器,但是目前還在規劃中,不知道要等多久 原理 眾所周知,結構型指令可以動態插入模板 模板內容可以自定義,並且也可以使用組件內的所有屬性和方法 那麼只需要將組件變成一個模板,即
昵稱 wszgrcy
如何採用React Context & Hooks 去做全局狀態管理？
在業務或者UI交互稍微複雜一些的項目裏，都離不開狀態管理的問題。不管是從後台API請求的數據還是頁面的UI狀態，都需要有一個"Store"幫我們去做狀態管理。通常在項目中，我們會引入 Redux 去負責這樣的職責。但是 Redux 要維護大量的模板代碼，加上 Redux 通過 connect 這種高階組件的方式注入 state 和 dispatch 的方式並不直觀，增加了理解的複雜度。React從
昵稱 卷兒麻
ReactQuery系列文章- 1. React Query 實踐
當2018年GraphQL特別是Apolllo Client開始流行之後，很多人開始認為它將替代Redux，關於Redux是否已經落伍的問題經常被問到。 我很清晰地記得我當時對這些觀點的不理解。為什麼一些數據請求的庫會替代全局狀態管理庫呢？這兩者有什麼關聯呢？ 曾經我認為像Apollo這樣的Graphql客户端只能用來請求數據，就像axios一樣，你仍然需要一些方式來讓請求的數據可以被
昵稱 lakb248
[譯] 如何使用 useRef 修復 React 性能問題
原文地址：How to useRef to Fix React Performance Issues 原文作者：Sidney Alcantara 譯文出自：掘金翻譯計劃 本文永久鏈接：https://github.com/xitu/gold-miner/blob/master/article/2020/how-to-useref-to-fix-react-performanc
昵稱 彈鐵蛋同學
前端鏟💩日記 #2：易被忽略的「domain」
若看了上篇筆記，眼尖的鐵汁們應該發現，最終的重構成果並未出現目錄結構調整方案提到的 domain 文件夾。 這是因為領域建模是個相對較難且需要長期去做的事情，所以我們不急，慢慢來，要用心地思考與處理——從本篇筆記開始就會涉及到相關內容啦！ 在進行實際的鏟💩演練之前，這篇筆記先來講解下 domain 文件夾的重要性，請各位鐵汁搬來小板凳坐坐好，用小拇指清理下👂🏼聽我説—— 在我所設計的「模塊化
昵稱 歐雷
前端鏟💩日記 #3：重構「個人主頁」
鐵汁們聽好了哈——從本篇筆記開始，將進入實際的鏟💩演練啦！ 這首先要被剷除的💩，是分佈在我接手官網項目後最先接觸的用户個人主頁裏。 在這系統中，用户分個人與項目方兩種，它們的個人主頁雖看起來一樣，但視覺細節和數據結構等還是有些差異的，佈局結構大致如圖所示： 個人主頁原先代碼中，其他部分還算有點封裝意識，但最重要的課程、活動等列表部分的代碼看起來就是初級水平，將它們全部糅合在一個 React
昵稱 歐雷
前端鏟💩日記 #1：項目目錄結構調整
最近哥們兒我接手了一個官網的前端項目，雖説是官網，但它是個 Web 應用而非營銷網站，所以還是有一定複雜度在的。 這幾天是邊往死裏摁🐞邊熟悉代碼邏輯，沒想到這是個燙手🍠，前人留了一堆坑給我——令我覺得他撐死了也就中級水平，不能再高了……🙁☹️🙂↔️ 是不以為我看到這💩山會苦惱不堪，心中如那呼倫貝爾大草原般萬🐎奔騰？ 不！你想錯了！！我興奮得很呢！！！ 別誤會，別誤會！我不是那個什麼「
昵稱 歐雷
React組件如何適配到MVC項目
笑而不語是一種豁達，痛而不言是一種歷練。時間改變着一切，一切改變着我們，曾經看不慣，受不了的，如今不過淡然一笑。 成熟，不是看破，而是看淡，原先看不慣的如今習慣了，曾經想要的，現在不需要了，開始執着的，後來很曬脱了... 成長的路上，人總要沉澱下來，過一段寧靜而自醒的日子，來整理自己，沉澱再沉澱，然後成為一個温柔而強大的人！ 目前公司的業務線中存在許多未進行前後端分離的 Spri
昵稱 浪遏飛舟
React 18 如何提升應用性能
hello 大家好，我是 superZidan，這篇文章想跟大家聊聊 React 18 如何提升應用性能 這個話題，如果大家遇到任何問題，歡迎 聯繫我 React 18 引入了併發功能，從根本上改變了 React 應用程序的渲染方式。 我們將探討這些最新功能如何影響和提高應用程序的性能 首先，讓我們退一步來了解長任務的基礎知識和相應的性能測量 主線程和長任務 當我們在瀏覽器運行 JavaScrip
昵稱 superZidan
理解為什麼要給useEffect聲明依賴
在使用useEffect、useCallback這些hooks，為什麼還要寫依賴數組呢，不寫這些依賴，React還給你警告。 下面我就來分享一下自己的理解 聲明依賴的目的：防止函數的閉包特性產生意外的錯誤 前言 在b站看到一個up用JS實現紅綠燈，我就試着自己也寫一個。 目的是想要它每個1秒跳轉到下一個燈。 紅 = 綠 = 黃 = 紅 = 綠 = 黃 這樣的順序 代碼 但是
昵稱 香蕉吃黃瓜
淺談 Javascript 閉包
微信公眾號搜索並關注：進二開物， 更多技術週刊，React 技術棧、JavaScript/TypeScript/Rust 等等編程語言慢慢等你發現... 什麼是閉包？ 閉包的概念是有很多版本，不同的地方對閉包的説法不一 維基百科：在計算機科學中，閉包（英語：Closure），又稱詞法閉包（Lexical Closure）或函數閉包（function closures），是在支持頭等函數的
昵稱 進二開物
詳解 React 中的閉包問題
hello 大家好，我是 superZidan，這篇文章想跟大家聊聊 React 中的閉包 這個話題，如果大家遇到任何問題，歡迎 聯繫我 JavaScript 中的閉包一定是最可怕的特性之一。 即使是無所不知的 ChatGPT 也會告訴你這一點。 它也可能是最隱秘的語言概念之一。 每次編寫任何 React 代碼時，我們都會用到它，大多數時候我們甚至沒有意識到。 但最終還是無法擺脱它們：如果我們想編
昵稱 superZidan
前端（react）上傳到阿里雲OSS存儲 實例
需求背景 由於現有的後台管理系統，上傳的視頻越來越大，加上上傳視頻較慢，後端小哥提出直接從前端上傳視頻或者其他文件到阿里雲OSS存儲。 阿里雲OSS 阿里雲OSS文檔介紹，這裏不做過多贅述 安裝 原本在最開始的時候，是使用node版本的SDK，最開始使用的[nodejs版本] 代碼如下 async function put() { try { let result
昵稱 程序猿布歐
react-router-middleware-plus開源啦 | 基於react-router v6的零成本式路由權限解決方案
一、你的苦惱~~ 你還在為react-router的路由權限控制而煩惱嗎？ 你還在翻遍了社區react路由權限相關文章發現都是V4、V5版本的而煩惱嗎？ 你還在為自行適配react-router v6版本的權限步驟繁雜，多重鑑權邏輯嵌套而煩惱嗎？ 他來了！他來了！他帶着禮物走來了！react-router-middleware-plus專為解決你的煩惱而生！ 二、react-router-midd
昵稱 胡哥有話説
在 React Router 中使用 JWT
hello 大家好，我是 superZidan，這篇文章想跟大家聊聊 在React Router 中使用 JWT ，如果大家遇到任何問題，歡迎 聯繫我 或者直接微信添加 superZidan41 在這篇文章中，我們將探討 JWT 身份校驗與 React 和 React-router 的無縫集成。 我們還將學習如何處理公共路由、受校驗保護路由，以及如何利用 axios 庫通過身份驗證令牌（token
昵稱 superZidan
一文了解 history 和 react-router 的實現原理
我們是袋鼠雲數棧 UED 團隊，致力於打造優秀的一站式數據中台產品。我們始終保持工匠精神，探索前端道路，為社區積累並傳播經驗價值。 本文作者：霜序 前言 在前一篇文章中，我們詳細的説了 react-router@3.x 升級到 @6.x 需要注意的問題以及變更的使用方式。 react-router 版本更新非常快，但是它的底層實現原理確是萬變不離其中，在本文中會從前端路由出發到 react
昵稱 袋鼠雲數棧UED
React Router V6項目中的路由鑑權封裝實踐（Hooks）
React Router V6項目中的路由鑑權封裝實踐（Hooks） 1. 前言 1.1 路由封裝的好處 路由鑑權集中管理： 封裝路由組件允許你集中管理路由鑑權邏輯。這意味着在一個地方處理用户是否有權限訪問某個路由，而不是在每個頁面或組件中重複相同的鑑權邏輯。這有助於保持一致性，並簡化了對路由鑑權的維護和更新。 提高代碼複用性： 封裝路由組件可以促進代碼的複用。你可以將通用的路由配置、鑑權邏
昵稱 劉lhf
ReactRouter6 的一些坑點
問題 這幾年忙着寫 Taro 相關業務，所以很久沒有再接觸 ReactRouter 了。從當年使用的 ReactRouter v3 VueRouter v2，功能和寫法都沒什麼差別，而到現在的 ReactRouter v6，就感覺變化十分大。這裏從使用者的角度聊聊，初次上手 v6 的感受和如何應對這些變化。 變化 範式 函數化和標準化，讓其源碼減少了一半 v6 全面擁抱 Hooks，API
昵稱 機器馬
react 繼續踩坑
1. react-i18next resources key默認槓後大寫 新增了繁體中文模塊，如下導入，切換語言並不生效 import i18n from 'i18next'; import { initReactI18next } from 'react-i18next'; import translation_en from './en'; import translation_zh fro
昵稱 assassin_cike
用JavaScript在React中實現Word文檔和Markdown互轉
在現代Web開發的世界裏，React作為構建用户界面的領先庫，經常需要處理各種類型的數據轉換和展示任務。將Word文檔與Markdown文件相互轉換的能力不僅能夠增強用户體驗，還能極大地提高內容管理的效率。這種互轉功能對於那些需要頻繁更新內容或協作編輯的平台尤為重要，比如博客、技術文檔網站或是在線教育平台。通過直接在React應用中實現這一功能，開發者可以為用户提供更加無縫的編輯體驗，使得無論是習
昵稱 大丸子
原生electron起步-從零到一完成構建和打包
官網：https://www.electronjs.org/zh/ 安裝依賴 初始化package.json pnpm init 安裝依賴 pnpm add -D electron 安裝報錯解決方案：https://blog.csdn.net/qq_38463737/article/details/140277803 1、打開npm的配置文件 # cmd 運行打開配置文件 npm confi
昵稱 兔子先森
electron-builder打包配置説明
我們一般使用electron-builder對electron項目進行打包，在package.json中配置打包的詳細操作 pnpm install electron-builder -D package.json中的詳細字段解釋： "build": { "appId": "your.id", // 應用的唯一ID "productName": "YourProductName"
昵稱 兔子先森