tag react

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

@react / 博客 RSS 訂閱

sysu_xuejia 頭像

陳學家_6174 - 精益 React 學習指南 （Lean React）- 2.3 gulp

書籍完整目錄 2.3 Gulp 在前端工程化中最重要的就是流程管理，借用 gulp 可以很方便的基於流的方式定義流程任務，並將任務串聯起來，本節中將詳細介紹 gulp ，包括： gulp 介紹 gulp 是什麼 gulp 能夠解決哪些問題 gulp 核心思想和特點 gulp 安裝

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

收藏 評論

chencaize 頭像

點墨 - react函數組件使用React.memo避免重複渲染

在react的類組件裏，我們可以通過shouldComponentUpdate來主動控制組件是否需要渲染,那麼在函數組件裏，有沒有類似的方法可以讓我們主動控制組件渲染呢？有的，那就是React.memo。 React官方文檔給出的介紹: Class components can bail out from rendering when their input props are the same

react , dva.js , 前端 , Javascript

收藏 評論

jdcdevloper 頭像

京東雲開發者 - 淺入深出的微前端MicroApp | 京東雲技術團隊

前言： 本文是由最近做的一個項目有感而發，因為之前做了一些技術棧的統一，為了用ant Design的pro-table，PC統一使用react，但是我們有一些老的項目是vue的，本次新頁面較多，老頁面的改動較少，除此之外老項目想換菜單，因此我們想借助本次機會用react開發，經過了幾番思考，發現本次很適合用微前端來完成本次需求，最終決定用react搭建一個基座（主應用），將原來的vue項目接入到基

react , micro , 微前端 , 前端

收藏 評論

assassin 頭像

assassin_cike - shadcn/ui

1. DropdownMenu觸發AlertDialog後頁面無法點擊 是因為點擊AlertDialog的確定按鈕後後body標籤會被添加style="pointer-events: none;"導致頁面無法點擊 怎樣解決？ 根據 I can't click anywhere after using alert dialog. #468 將DropdownMenu設置modal={false

react , radix , form , react-hook-form , table

收藏 評論

diyxiaoshitou 頭像

diyxiaoshitou - info There appears to be trouble with your network connection

使用 npx create-react-app 項目名 新建項目時，報錯； yarn add v1.22.4 info No lockfile found. [1/4] 🔍 Resolving packages... info There appears to be trouble with your network connection. Retrying... info There app

react , create-react-app , 前端

收藏 評論

daniel-don 頭像

Daniel Don - Building A Web Code Editor

An online web code editor is most useful when you do not have the opportunity to use a code editor application, or when you want to quickly try out something on the web with your computer or even yo

react , workflow , Techniques , Tools , Javascript

收藏 評論

sam-robbins 頭像

Sam Robbins - Migration From jQuery to Next.js: A Guide

jQuery has served developers well for many years. However, libraries (like React) and Frameworks (like Next.js) are now bringing us more modern features to help with our code’s performance and maint

react , NextJS , coding , Javascript

收藏 評論

refanbanzhang 頭像

熱飯班長 - 什麼時候不應該使用useEffect？

當你的數據是同步的 差的： 數據來源是同步的，沒有必要使用。 function App() { const [todos, setTodos] = useState([]); useEffect(() = { const str = localStorage.getItem('todos'); const items = JSON.parse(str) ||

react , react-hooks , 前端

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - Fetch+stream實現流式輸出

Fetch API 允許你跨網絡獲取資源，真正好的是，瀏覽器最近增加了將 fetch 響應作為可讀流使用的能力。 這是一個簡單明瞭的fetch+stream輸出的示例： try { // 定義手動停止接口 abortController.value = new AbortController(); // 發送請求 let response = await fetch(u

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

收藏 評論

dawanzi_6278b06ec111c 頭像

大丸子 - React程序中用JavaScript轉換Word文檔為HTML

將Word文檔轉換為HTML格式可以方便內容創作者能夠利用熟悉的Word文檔編輯環境來打造適合網絡展示的內容，或是將Word文檔內容更好地嵌入到網頁中，提高內容的可維護性和更新效率。通過使用JavaScript與React，開發者可以在客户端瀏覽器中實現直接將Word文檔轉換為HTML的功能，從而簡化了開發工作流，減少加載時間和服務器成本。本文將介紹如何使用JavaScript在React應用中實

react , word , jsx , HTML , Javascript

收藏 評論

lpe234 頭像

lpe234 - 地圖類相關開發簡記

基礎知識 Leaflet 默認使用 EPSG:3857（Web Mercator 投影） 來顯示地圖，這是一種投影座標系，而不是地理座標系。 Leaflet 接收的是 WGS84 經緯度（EPSG:4326），即 [lng, lat]。 如果底圖是高德/百度：需要先把 WGS84 轉換成 GCJ-02 或 BD-09，再傳給 Leaflet。 常用座標系 WGS84（World Geodeti

react , map , leaflet , gis

收藏 評論

qianduanxianghou 頭像

前端向後 - 4圖看懂React SSR中的hydrate

React CSR：水車模型 當初在理解 React CSR 時做過一個比喻，把單向數據流比作瀑布模型： 瀑布模型：由props（水管）和state（水源）把組件組織起來，組件間數據流向類似於瀑布。數據流向總是從祖先到子孫（從根到葉子），不會逆流 （摘自深入 React） 單組件的微觀視角下，我們把props理解為水管（數據通道），接收外部傳遞進來的數據（水），每一份state都是一處水源（

react , 服務端渲染 , ssr

收藏 評論

willxiao90 頭像

Will - Vue 與 React 的區別

Vue 與 React 有什麼區別？ 這是前端開發同學面試時經常遇到的問題。 我最開始接觸的是 React，對 Vue 的理解一直比較片面，感覺 Vue 要學很多 html 指令，很不習慣，也沒覺得 Vue 比 React 有什麼優勢。 直到現在，使用了 Vue 一年之後，對 Vue 有了更多感受，也消除了一些刻板印象。 首先，這兩個框架都是非常優秀的，它們其實非常相似，都有以下特性： 響應式

react , vue.js

收藏 評論

chenpi_58a5478b3d689 頭像

tonychen - 【React源碼閲讀】React 渲染流程 —— 前置知識

系列文章： 【React 源碼閲讀】為什麼 React Hooks 不能用條件語句來執行？ 【React 源碼閲讀】useCallback 【React 源碼閲讀】Scheduler 1 寫在前面 React 源碼裏的概念實在是太多了，以至於如果真的要能完全理解源碼的話，我們就不得不提前瞭解一部分知識，不然看源碼的時候完全就是抓瞎。 2 Fiber 2.1 為什麼要有 Fiber 想象一

react , 源碼分析 , 前端

收藏 評論

shenfq 頭像

Shenfq - 在命令行裏也能用 React

用過 React 的同學都知道，React 作為一個視圖庫，在進行 Web 開發的時候需要安裝兩個模塊。 npm install react --save npm install react-dom --save react 模塊主要提供了組件的生命週期、虛擬 DOM Diff、Hooks 等能力，以及將 JSX 轉換為虛擬 DOM 的 h 方法。而 react-dom 主要對外暴露一個 rend

react , terminal , 前端 , Javascript

收藏 評論

tudou_5e2d76940fbaa 頭像

風不識途 - 基於React全家桶開發「網易雲音樂PC」項目實戰(四)

前言 前言 hello大家好我是「風不識途」，如果首次閲讀本系列請點擊，正在學習React的小夥伴可以克隆該項目，參考學習，嘗試做一些小功能，下面我們開始完成本系列最重要的音樂播放器列表▶需要完成內容如下↓； 項目預覽和源碼 在線預覽地址👉：點我跳轉到雲音樂 項目Gihub地址👉：Musci 163 (如果覺得項目還不錯的話 👏，就給個 star ⭐ 鼓勵一下吧~)

react , 項目實戰 , redux , immutable-js , 前端

收藏 評論

series_611f64675e99f 頭像

Series - create-react-app v4 的less,antd,配置

1、less支持 yarn eject yarn add less@^2.7.3 less-loader@^7.3.0 在webpack.config.js中找到sassRegex const cssRegex = /\.css$/; const cssModuleRegex = /\.module\.css$/; const sassRegex = /\.(scss|sass)$/;

react , less , antd , create-react-app , 前端

收藏 評論

sysu_xuejia 頭像

陳學家_6174 - 精益 React 學習指南 （Lean React）- 3.3 理解 redux 中間件

書籍完整目錄 3.3 理解 Redux 中間件 這一小節會講解 redux 中間件的原理，為下一節講解 redux 異步 action 做鋪墊，主要內容為： Redux 中間件是什麼 使用 Redux 中間件 logger 中間件結構分析 applyMiddleware 中間件的執行過程 3.3.1 Redux 中間件是什麼

react , redux , leanreact , 前端 , Javascript

收藏 評論

ysq99 頭像

Oliver - 項目記錄 ： goodpic - 圖牀工具

goodpic 預覽鏈接：https://oliver-ysq.github.io/... 代碼地址：https://github.com/Oliver-Ysq... 技術棧： React：base技術框架 React-Router：路由管理 Mobx6：全局數據管理 styled-component：css in js解決方案 antd：組件庫 leancloud：阿里ser

react , leancloud , serverless , 前端 , Javascript

收藏 評論

congrongdehanbaobao 頭像

從容的漢堡包 - 公網IP怎麼申請SSL證書 ？

什麼是SSL證書 SSL證書是一種數字證書，用於在網站和用户瀏覽器之間建立加密連接。它能保護數據傳輸安全，防止信息被竊取或篡改。通常我們為域名申請SSL證書，但有時也需要直接為公網IP地址申請。 為什麼需要為IP申請SSL證書 沒有域名時：當你的服務只有IP地址沒有綁定域名時 內部系統：某些內部系統直接通過IP訪問 測試環境：開發測試階段可能暫時使用IP地址 申請前的準備工作 確

react , angular , sass , 教程 , chrome-devtools

收藏 評論

sysu_xuejia 頭像

陳學家_6174 - 精益 React 學習指南 （Lean React）- 2.4 webpack + gulp 構建完整前端工作流

書籍完整目錄 2.4 webpack + gulp 構建完整前端工作流 在前面的兩個小節中已經完整的講了 webpack 和 gulp 相關的內容，本小節中將會結合二者構建一個完整的前端工作流，內容目錄為： 前端工程結構和目標 前端工程目錄結構 gulp clean gulp copy gulp less gulp au

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

收藏 評論

gkymfrg1 頭像

ohoherror - react 常用的hook

react最常用的hooks有，useState,useEffect,useMemo，useCallback 首先我們來先聊useState,設置和改變state，代替原來的state和setState import { useState } from "react"; import './index.css' export default () = { const [ count,

react , hooks , 前端

收藏 評論

refanbanzhang 頭像

熱飯班長 - 當useEffect遇到函數依賴

下面的代碼實現了一個簡易的登錄功能（為了減少代碼量，去掉了密碼）。 import React, { useState } from 'react'; const api = { login(username) { console.log('username', username); }, }; function Login() { const [username, setU

react , react-hooks

收藏 評論

nashvail 頭像

Nash Vail - React Native Tutorial – Building Your First iOS App With JavaScript (Part 1)

The idea of building mobile apps with JavaScript is not new. We’ve seen frameworks like Ionic and PhoneGap take on the challenge, and to some extent succeed in gaining a fair amount of developer and

react , swift , mobile , Apps , ios , Javascript

收藏 評論