iT邦幫忙

react相關文章
共有 1832 則文章
鐵人賽 Modern Web DAY 4
30 days of React 系列 第 4

技術 Day 4 - React 元件初探

今天要來學習元件,要探索的內容有: React component簡介 如何創建component 如何使用component 瀏覽器如何認知 React...

鐵人賽 自我挑戰組 DAY 25

技術 Day-30 結語 - 沒有完賽心得

Day-30 結語 - 沒有完賽心得 在這段時間裡面我只專注一件事情 :完成三十篇文章並且發表,不想為點閱率或者別人怎麼回應這些事情分心,就只是想達成三十天的目...

鐵人賽 自我挑戰組 DAY 23
Some thing with Reason 系列 第 23

技術 ReasonReact-Action and Reducer

Action 昨天進度到了完成了一個 Reducer 但是我們知道要修改 Reducer 只能夠透過 Action 而在 ReasonReact 如何描述一個...

鐵人賽 影片教學 DAY 5
150 分鐘學 React 系列 第 5

技術 第 4 天 [ 元件 ]

今天的重點摘錄 好處: 實現關注點分離 減少重複撰寫 元件的名字開頭要大寫 用 rfce + enter 快速生成元件 元件設計: 寫法: class...

鐵人賽 Modern Web DAY 11

技術 [Day 11]在你順利的時候來一拳才是標配(前端篇)

挑戰目標: MockNative Camp 今天要來實作Nav Detail的部分,昨天將相關的List放到了config中,也可以成功的hover該tab後...

鐵人賽 Modern Web DAY 3
react 學習記錄 系列 第 3

技術 [Day3]我的 react 學習記錄 - webpack

這篇文章的主要內容 簡單介紹 webpack 是什麼。 webpack 是什麼? 問問現在還算流行的 chatGPT Webpack是一個用於打包、轉換和管...

鐵人賽 Software Development DAY 29

技術 Day29 Electron應用程式-9

能夠間隔讀取CPU風扇轉速後,我們的Electron應用程式基本的功能就完成了,但是UI的呈現略顯單調。由於我們是基於React來開發UI,所以可以使用既有的U...

鐵人賽 Modern Web DAY 1
30 days of React 系列 第 1

技術 Day 1 - 系列簡介

前言 這是30天的React初學者在沒有學過其他框架的背景下進行的學習過程紀錄,請當作一般的學習筆記來閱讀。預備知識為HTML、CSS以及JavaScript。...

鐵人賽 Modern Web DAY 9

技術 Day 09 function ?? class ??

第九天~ 昨天我們介紹了 Component, 提到了說在 React 裡,建立 Component 有兩種方式 functional component c...

鐵人賽 自我挑戰組 DAY 3

技術 Day-3 學習的歷程

Day-3 學習的歷程 第三天了,這篇文章要來分享個人轉職的學習歷程,學習的方式有千百種,成長的樣態也是多元的,盡可能知道多一點,也是不錯的事情吧。 緣起 偶...

鐵人賽 SideProject30 DAY 4

技術 Day04:side project 必備的 Flow Chart(二)

本文同步刊載於 我的個人部落格 針對網站角色將 Flow Chart 再延伸 上一篇文章中有提到,此次專案主要區分兩個角色,本篇將針對「顧客」角色進行 Fl...

鐵人賽 Modern Web DAY 19

技術 30天React練功坊-攻克常見實務/面試問題 Day19: useState initial value not update after re-render

tags: ItIron2023 react 前言 我們昨天看了一個少見的useLayoutEffect的實用例子,很多工具只要正確使用就能發光發熱,但前提是你...

鐵人賽 Modern Web DAY 24

技術 【D24】 淺談:製作檢查功能時發生的 render 問題

昨日的作業中,發現可以在 console 中顯示結果,但是無法在畫面顯示檢查結果。 嘗試了幾個方法,仍無法讓 React 正常的轉譯(Render)我的訊息。儘...

鐵人賽 Modern Web DAY 14

技術 [DAY14]React 中的表單

受控組件(Controlled Components)這邊所提到的組件是指在form表單內的、、的這類元素,當我們使用React創建表單的時候,我們就不得不注意...

鐵人賽 Modern Web DAY 11
React 走出新手村 系列 第 11

技術 React 走出新手村-深入 Context Provider

講古 在早期還沒有Context Provider的時候你每一層都需要靠 props 來傳遞資料,才能達到資料共享。 然後... 於是 Context / P...

鐵人賽 Modern Web DAY 12

技術 【D12】 小小雜談:重整一下腳步

下半場規劃 目前已經到達 12 日,已經可以做出初步的 React 網頁,其中包含著建立 React 物件,並且在本機運作中轉譯(render)成我們想要的 H...

鐵人賽 Modern Web DAY 13

技術 [DAY 13] 自己的Hook自己做!useThroltte

debounce 都提到了,怎麼能不提 throltte 呢? 情境 在玩 Pokemon Go 打對戰的時候,有時候想著按快一點把對方打趴,殊不知再怎麼快,...

技術 【Day4】Render

Takeaway JSX不是實例 let + if雖然冗長但靈活 &&也可以做條件渲染 寫成{count > 0 &&...

鐵人賽 影片教學 DAY 11
150 分鐘學 React 系列 第 21

技術 第 20 天 [ 引入 CSS ( Styled Components ): props 、 extend 、共用元件 ]

今天的重點摘錄 用 props 設定會不斷用到的主題色等 用 extend 來套用他人已寫好的樣式(例如 Bootstrap),再客製化 Github da...

鐵人賽 自我挑戰組 DAY 25

技術 Day-26 專案演練 - 在 homePage 拿到 list redux

Day-26 專案演練 - 在 homePage 拿到 list redux 今天我們要完成 homePage 的一部分功能,跟 todo 有關的部分,其實鐵人...

鐵人賽 Modern Web DAY 21
30 days of React 系列 第 21

技術 Day 21 - 保存和重置 state

昨天學了元件間如何共用 state,今天要來看如何保存和重置 state。 今天的內容: UI 樹中的位置 在相同的位置的相同元件 在相同位置的不同元件 在相...

鐵人賽 Modern Web DAY 17

技術 30天React練功坊-攻克常見實務/面試問題 Day17: useEffect to the rescue, or is it?

tags: ItIron2023 react 前言 我們昨天再次看了一個React.memo的錯誤使用例子,你也了解到該如何正確地使用useCallback,我...

鐵人賽 Modern Web DAY 25

技術 【D25】 小工具:身分證製造機(part 5)-製作身分證製造機產生頁面

之前遇到的問題還沒有解法,但在 JavaScript 中是可以判斷身分證是否正確,僅在頁面顯示無法的,因此先略過這邊,我們繼續製作身分證製造機。 目標 這次要做...

鐵人賽 Modern Web DAY 30
react 學習記錄 系列 第 30

技術 [Day30]我的 react 學習記錄 - 結束啦!

結束了! 今天就是最後一天了,終於結束了!!! 自己在年初的時候給自己下了一個目標,希望可以參加今年的 IT 鐵人賽,並且順利完賽。 想不到這個目標真的達成了...

鐵人賽 影片教學 DAY 11
150 分鐘學 React 系列 第 20

技術 第 19 天 [ 引入 CSS ( Styled Components ):使用與限制 ]

今天的重點摘錄 安裝: npm install --save styled-components Emmet :下載 vscode-styled-compon...

鐵人賽 Modern Web DAY 1

技術 [next 13] - Nextjs 13 簡介 & 選擇題目理由

前言 隔了一年,我又來鐵人賽挑戰自我啦!去年寫的是 React 的介紹,實際進入業界後發現 React 的生態系比自己想像的更廣更深,還有很多東西可以深挖。這次...

鐵人賽 Modern Web DAY 8

技術 【D8】 建立更多資訊的 jsx

建立一個比較複雜的 .jsx,讓後面使用這個範本進行作業。這邊嘗試用 .jsx 進行副檔名,非原先的.js。 建立 .jsx 建立一個 ChangeStr.js...

鐵人賽 SideProject30 DAY 19

技術 Day19:在 React 專案中使用 Firebase Authentication 實作會員管理(二)

在上一篇文章中,我成功將使用電子郵件與密碼註冊會員之功能串接,接下來是取得該註冊會員在 API 中的資訊,除了我們可以傳值進去,Firebase 也會自動產生一...

鐵人賽 Modern Web DAY 25

技術 [Day25] 從ClojureScript 到 Reagent (3之2) 建立元件 component

大家週日愉快~歡迎繼續來優化我們的Reagent專案 昨天用clojure語法讓貓貓emoji可以顯示在專案首頁裡 今天的自我練習題來啦: 我想要把貓貓kiss...

鐵人賽 SideProject30 DAY 24

技術 #23 API Request 淺談與 React Hook

在接下來的的幾天內,需要跟 API server 去整合跟修正使用真實資料後的調整,在這邊會使用到了 React Hook 來整合我們的 Request AP...