iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
Modern Web

雙向奔赴的websocket與冰冷的react 系列

本次會介紹一些基礎的websocket與react的相關知識與基礎應用

鐵人鍊成 | 共 30 篇文章 | 4 人訂閱 訂閱系列文 RSS系列文 團隊NUTC imac
DAY 11

[day11]React基礎教學(1)列表與條件渲染

基本規則 1. 返回單一根元素 React 要求每個組件必須返回一個單一的根元素,這意味著如果你想要返回多個元素,必須用一個父元素(如 <div>)...

2024-09-19 ‧ 由 oLunao 分享
DAY 12

[day12]React基礎教學(2)事件綁定\useState

事件綁定 指的就是將dom元素與function綁定再一起,以下會說明React會如何使用 方法一:純function 無需修改,這部分的描述是正確的,這是一...

2024-09-20 ‧ 由 oLunao 分享
DAY 13

[day13]React基礎教學(3)useRef

useRef獲取Dom元素 useRef是React中的一個 Hook使用Hook要記得import React, { useRef } from 'react...

2024-09-21 ‧ 由 oLunao 分享
DAY 14

[day14]React基礎教學(4)useEffect

今天也是個常用的React的一個Hook,讓我們看下去吧 useEffect 主要用於不是由事件引起而是由渲染本身引起的操作,例如更改DOM發送AJAX等等 那...

2024-09-22 ‧ 由 oLunao 分享
DAY 15

[day15]React基礎教學(5)父子組件通信

今天要來看React的父子組件間的傳遞囉,前面說到React是單向數據流今天就能看看了 種類介紹 從A->B/C/D會稱為父子通信 從B->C/...

2024-09-23 ‧ 由 oLunao 分享
DAY 16

[day16]React基礎教學(6)自定義hook與組件

自定義組件 const Btn = () => { return <button>click me!</button> }...

2024-09-24 ‧ 由 oLunao 分享
DAY 17

[day17]React優化(1)useMemo 和 useCallback

接下來要說的是關於React的一些優化方法 useMemo 和 useCallback 是 React 中的兩個優化 Hook,它們的作用是避免不必要的計算和函...

2024-09-25 ‧ 由 oLunao 分享
DAY 18

[day18]React優化(2)Component vs memo

React 中,PureComponent 和 React.memo 是兩個常用來優化性能的工具,它們的作用是幫助 React 自動對比 props 的變化,並...

2024-09-26 ‧ 由 oLunao 分享
DAY 19

[day19]Redux 介紹與配置成store

Redux介紹 「單次傳遞,全局共享」 Redux是集中狀態管理工具,類似於Vue的Pinia,可獨立於框架運行,所有組件可以從這個存儲區讀取和更新狀態,而無需...

2024-09-27 ‧ 由 oLunao 分享
DAY 20

[day20]Redux 佈置教學

上篇說明了該怎麼配置store 套用至組件Provide 首先要先回去index.js(主要的那個js)進行store配置主要就是import兩個東西 impo...

2024-09-28 ‧ 由 oLunao 分享