tag react

標籤
貢獻252
302
05:50 PM · Oct 25 ,2025
tuzixiansen_63d4d65909d62 頭像 sysu_xuejia 頭像 refanbanzhang 頭像 data_ai 頭像 changlina 頭像 ruochuan12 頭像 zzd41 頭像 jackysummer 頭像 tosmile 頭像 icecreamlj 頭像 shuirongshui 頭像 assassin 頭像

@react / 博客 RSS 訂閱

changlina 頭像

長林啊 - Next.js 開發者必看：最受歡迎的 UI 組件庫

大家好，我是長林啊！一個愛好 JavaScript、Go、Rust 的全棧開發者；致力於終生學習和技術分享。 本文首發在我的微信公眾號【長林啊】，歡迎大家關注、分享、點贊！ 在之前，我也寫過一篇《打造高效React應用：CSS方案深度解析》，裏面介紹到內聯樣式、CSS 類、CSS Modules 和 CSS-in-JS 技術，在 Next.js 中也同樣是適用，如果有不熟悉的，可以到公眾號 「長林

react , 全棧 , 組件庫 , web開發 , next.js

收藏 評論

linong 頭像

linong - 從想法到上線：AI 輔助的個人 Demo 全流程

前言 曾幾何時，為了答疑解惑，或驗證一個突如其來的想法，我嘗試過各種前端工具： 從 JSFiddle、CodePen 這樣的在線代碼編輯器，到 StackBlitz 這種項目級在線 IDE，再到 GitHub Pages、Netlify 等靜態站點託管平台。 這些工具各自解決了某一階段的問題，卻始終存在一道隱形門檻——環境、配置、部署。 很多時候，真正應該消耗精力的是“實現想法”，但現

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

收藏 評論

juan-diego-rodriguez 頭像

Juan Diego Rodríguez - Making Sense Of “Senseless” JavaScript Features

Why does JavaScript have so many eccentricities!? Like, why does 0.2 + 0.1 equals 0.30000000000000004? Or, why does "" == false evaluate to true? There are a lot of mind-boggling decisions in JavaS

react , Javascript

收藏 評論

georgii-perepecho 頭像

Georgii Perepecho - Building The Real App With React Query

If you have ever built React applications that use asynchronous data you probably know how annoying it could be to handle different states (loading, error, and so on), share the state between compon

react , workflow , Techniques , Apps , typescript

收藏 評論

arihant-verma 頭像

Arihant Verma - React Children And Iteration Methods

The most obvious and common prop that developers work with within React is the children prop. In the majority of cases, there is no need to understand how the children prop looks like. But in some c

performance , react , Tools

收藏 評論

sysu_xuejia 頭像

陳學家_6174 - 精益 React 學習指南 （Lean React）- 2.2 webpack

書籍完整目錄 2.2 webpack 這一節中我們將系統的講解 webpack ，包括： webpack 介紹 webpack 是什麼 為什麼引入新的打包工具 webpack 核心思想 webpack 安裝 webpack 使用 命令行調用

react , 前端工程化 , leanreact , 前端

收藏 評論

jingzhexiaoyu 頭像

胡斐 - 2019 重新啓程——JavaScript學習之閲讀jQuery源碼

引言：2019年，react hooks成功上位，vue3.0發佈alpha版，TS使用率的飛速增長，以及大量前端開發工具使用體驗的大幅優化和提高等等讓越來越多的開發者吐槽前端學不動了的時候，最好的應對方式便是對基礎概念的掌握。內功足夠強大，才能做到不被別人牽着鼻子走。閲讀開源代碼是一個很好的方式，首先率選擇了jQuery便是裏面的內容沒有太多足夠抽象的設計思想。更多的是對於基礎內容的覆蓋。同時也

react , vue.js , 2019總結 , jquery , Javascript

收藏 評論

code4world 頭像

碼上世界 - 麒麟操作系統 (kylinos-x64) 從入門到精通 - 辦公環境 - 第11篇 Web前端開發及環境準備

0. 基礎環境 類別：筆記本 硬件：Intel,Amd等x86_64處理器 系統：銀河麒麟操作系統 V10（SP1）2303-update2 關鍵詞： 信創,麒麟系統,linux,PKS,銀河麒麟,amd64,x86_64,x64,兆芯,海思,nodejs,nvm,vue,react 1.背景描述 現在的前端是前後端分離的，本文以node,npm等技術為特點，為研發

react , vue.js , react-native , 信創 , nvm

收藏 評論

joyerli 頭像

joyerli - react狀態總結

本文從動機脈絡聊聊對react生態中的狀態相關技術的演化過程。 個人理解，歡迎討論 響應式渲染框架 這裏只聊react的狀態和視圖渲染相關內容，不聊底層的Virtual DOM react是一個mvvm框架，作為一個響應式渲染設計，當自身的模型（狀態）發生變化時，會自動刷新(re-render)當前視圖顯示最新的模型(狀態)數據。 那是如何監聽狀態發生變化呢？react本着極簡的api設計理念，遵

react , hooks , mobx , redux

收藏 評論

alexbachuk 頭像

Alex Bachuk - Redux · An Introduction

Redux is one of the hottest libraries in front-end development these days. However, many people are confused about what it is and what its benefits are. As the documentation states, Redux is a pred

react , Techniques , Tools , redux , coding , Javascript

收藏 評論

nwani-victory 頭像

Nwani Victory - Billing Management For Your Next SaaS Idea Using Stripe And Azure Functions

To follow the steps in this tutorial, you should have the following: a Stripe account (you can create one for free and use the test mode to avoid incurring any charges while following the steps

react , Tutorials , API , Auth0 , Apps , serverless

收藏 評論

drem_meng 頭像

孟祥_成都 - 最好的組件庫教程又回來了，升級為 headless 組件庫！

前言 好久沒寫文章了。最近有朋友問我，為什麼之前的mx-design組件庫教程停更了？其實是因為我逐漸意識到，那種樣式內嵌的組件庫，無論在學習還是實際使用中，都有很大的侷限性。 做過稍微複雜定製需求的前端同學，應該都有類似的體會： 企業通常有自己獨特的 UI 規範，而傳統組件庫的樣式改造起來非常麻煩，有些深層樣式幾乎無法覆蓋。比如disabled狀態和readOnly狀態對應的樣式，往往與組件

react , 組件庫 , 前端

收藏 評論

lenglengdechaomian 頭像

冷冷的炒麪 - 申請SSL證書怎麼進行域名驗證？域名驗證的三種方式

SSL證書是用於加密和保護Web服務器和瀏覽器之間通信的數字證書，在申請SSL證書時，為了防止域名被冒用，對於申請SSL證書的域名，要求先驗證這個域名的所有權。而目前可用的域名驗證SSL證書方式有三種：分別是DNS驗證、郵箱驗證、文件驗證。本文將詳細介紹這三種SSL證書域名驗證方式，一起來看看吧。 域名驗證的原理 SSL證書的域名驗證是通過驗證域名的所有者來完成的。這是通過使用SSL證書頒發機構（

react , HTML

收藏 評論

nanian_5cd6881d3cc98 頭像

那年 - 項目踩坑記：無法將“create-react-app”項識別為 cmdlet、函數、腳本文件或可運行程序的名稱...解決

創建項目的時候報錯 試過網上改淘寶鏡像的法子不行 最後使用npx 成功了 npx create-react-app todo-list npx 會自動查找當前依賴包中的可執行文件，如果找不到，就會去 PATH 裏找。如果依然找不到，就會幫你安裝。 npx 甚至支持運行遠程倉庫的可執行文件。 npx解釋：https://www.jianshu.com/p/684..

react , npm , create-react-app

收藏 評論

assassin 頭像

assassin_cike - nginx 隨記

1. 控制枱報錯：SyntaxError: Unexpected token '' 使用 Pause on caught exceptions 斷點不到源碼 即使我開了source map，因為項目使用了負載均衡後出現的問題，單nginx部署是沒問題的，那麼問題應該出在負載均衡上，按照nginx + 前後端分離 負載均衡配置了ip_hash後，可以正常的訪問了。項目分別拉取到不同的服務器進行構建，

react , umi , proxy-pass , Nginx , 前端

收藏 評論

yxaw 頭像

Yxaw - 手寫Vue彈窗Modal

Vue作為最近最炙手可熱的前端框架，其簡單的入門方式和功能強大的API是其優點。而同時因為其API的多樣性和豐富性，所以他的很多開發方式就和一切基於組件的React不同，如果沒有對Vue的API（有一些甚至文檔都沒提到）有一個全面的瞭解，那麼在開發和設計一個組件的時候有可能就會繞一個大圈子，所以我非常推薦各位在學習Vue的時候先要對Vue核心的所有API都有一個瞭解。這篇文章我會從實踐出發，遇到一

vue-loader , react , vue.js , vuex , Javascript

收藏 評論

shaogongbra 頭像

ShaoGongBra - 通過duxapp提供的基礎方法、UI組件、全局樣式，快速編寫項目

使用duxapp，我是如何實現快速完成項目開發的？ 像下面這個例子，這個項目有140多個頁面，但是真實的開發時間，在熟練使用duxapp的情況下，不會超過兩週，並且可以將它兼容APP、小程序、H5 這裏僅展示了其中一部分頁面，這個項目主要包含下這些功能 購物訂單流程 售後退換 文章發佈 門店功能 送貨人員功能 經銷商功能 掃碼抽獎 等其他功能 下面我將詳

react , react-native , 小程序 , taro

收藏 評論

bd_68bd40c5df395 頭像

BD - 一個 VSCode 插件搞定所有國際化項目：I18n Fast 使用指南

前言 最近把公司內部在用的國際化插件（I18n Fast）開源了。這是一個基於 Hook 機制可動態擴展的插件，理論上可以支持任何技術棧，滿足任何複雜需求。 如果你： 項目技術棧比較特殊，沒有可用的 i18n 插件 有複雜的國際化需求無法滿足 想要完全掌控國際化流程 願意花時間瞭解並寫一些 js 代碼 不妨試試 I18n Fast，也許它就是你要找的工具。 背景 去年在對公司項目進行國

i18next , react , vscode插件 , i18n , 前端

收藏 評論

dirackeeko 頭像

DiracKeeko - [React] react項目keepAlive導致的頁面切換Tooltip不消失

最近在做一個項目，把原來的vue2工程用react重構，遇到了這樣一個場景。 頁面有keepAlive，在vue2項目中，用原生的keepAlive實現。react項目中為了實現keepAlive引入了react-activation依賴。 react-activation的使用，本文不表，下面看我遇到的問題。 在概覽頁(列表頁)，鼠標移入之後，出現Tooltip，點擊此選項，頁面跳轉(進

react , tooltip , keep-alive , 前端

收藏 評論

wensandaoshi 頭像

fx67ll - Dva.js 快速上手指南

先説些廢話 最近在開發React技術棧的項目產品，對於數據狀態的管理使用了Dva.js，作為一個資深的ow玩家，我看到這個名字第一反應就是————這不是ow裏的一個女英雄嗎?仔細閲讀了官方文檔之後，發現開發者還真是因為這個角色獲得靈感，來命名這個數據狀態管理插件，果然開發大佬都是工作和休閒兩不誤~ 學過React的同學都知道它的技術棧非常多且雜，所以每當你使用React的時候都需要引入很多的模塊，

react , redux-saga , dva.js , redux , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - uniapp微信小程序分包以及分包優化

分包限制説明 微信小程序上傳項目時會有分包大小限制，官方文檔介紹： 目前小程序分包大小有以下限制： 整個小程序所有分包大小不超過 30M（服務商代開發的小程序不超過 20M） 單個分包/主包大小不能超過 2M 主包就是Tabbar頁面，所有的Tabbar頁面加起來的文件大小不能超過2M 在小程序啓動時，默認會下載主包並啓動主包內頁面，當用户進入分包內某個頁面時，客户端會把對應分

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

收藏 評論

awbeci 頭像

Awbeci - React項目集成Immutable.js

1、前言 本文章項目的依賴包及其版本如下： Package Name Version antd ^3.16.6 connected-react-router ^6.4.0 customize-cra ^0.2.12 immutable ^4.0.0-rc.12

react , redux-saga , redux , immutable-js , redux-persist

收藏 評論

tiye 頭像

題葉 - 新的 Vue Function-based API 當中的看到的 Clojure Atom 的影子

這次 Vue 大會看到了 Vue 新的 API 設計, 中間有一些覺得眼熟的寫法, 後面也看到了工業聚的一些解讀, 大致知道是什麼樣的用法吧.. 當然現場演講過 Vue 具體實現的優化是更復雜的, 比這個 API 要多.. Vue.js作者在VueConf的演講視頻出爐 Vue Function-based API RFC 中文版本 揭秘Vue-3.0最具潛力的API 其中比

react , clojurescript , immutable-js

收藏 評論

xiaohaiqianduan 頭像

小海前端 - React（8）React組件的生命週期

前言 本篇文章我們來系統的講解React組件的生命週期。React隨着版本的不斷提升，組件的生命週期也在不斷地改版和升級。本篇文章以React 17為例，講解最新版React的組件生命週期，同時闡述各個生命週期所執行的生命週期函數。 一、React組件的生命週期 React 17將組件的生命週期分為以下三個階段： 組件的掛載階段（Mounting） 組件的更新階段（Updating） 組

鈎子 , react , 生命週期

收藏 評論