iT邦幫忙

reactjs相關文章
共有 330 則文章

技術 React 學習筆記_13(React 中的生命週期)

React Component的生命週期 生命週期狀態 Mounting : 會再元件建立時被執行 Update : 正在重新選染HTML時執行 Unmoun...

技術 React 學習筆記_8 (Thinking in React - 4 )

第五步:加入相反的資料流 目前已經建立了由上往下傳遞的props與state,但需要加入反向的資料流。 為了確保當使用者改變表格內容後就會更新state已反映...

技術 React 學習筆記_7 (Thinking in React - 3 )

第三步:找出最少(但完整)的 UI State 思考應用程式最少需要哪些可變的 state,關鍵是DRY(避免重複代碼原則) DRY(避免重複代碼原則):在軟...

技術 React 學習筆記_6 (Thinking in React - 2 )

第二步:在 React 中建立一個靜態版本 不要使用 state 來建立靜態版本,因為state是保留給互動性,也就是會隨時間改變的資料。 可以從最上層往下層...

技術 React 學習筆記_5(Thinking in React - 1 )

React 思考 第一步:將 UI 拆解成數個 component 單一功能原則:在物件導向程式領域中,單一功能原則規定每個類都應該有一個單一的功能,並且該功能...

技術 React 學習筆記_4(可控組件(State)與不可控組件(Ref))

Ref 在典型的 React中,props 是 父層與子層唯一的互動方式。藉由使用新的 prop 重新 render 來改變你的子層。 什麼時候該使用 Ref...

技術 React 學習筆記_3(合成事件/Component中的事件處理)

React Router 安裝react-router-dom yarn add react-router-dom 使用方法: 1.匯入BrowserR...

技術 React 學習筆記_2(使用Props傳遞參數)

擴充Google Chrome React 使用者工具 React 開發者工具支援 Chrome 瀏覽器,可以在擴充套件商店下載(Chrome 擴充套件)。 下...

技術 React 學習筆記_1(使用React Create App 建立React)

使用React Create App 快速建立React模板 開啟命令提示字元使用命令 "cd desktop" 將目錄移動到桌面 使用命...

徵才 [台中]資深前端工程師

【公司名稱,統編】搞之訊有限公司,82784304 【工作地址】 籌備處:台中市西屯區皇福街16號(預計2020年初移至辦公室地址) 辦公室:407台中市西屯區...

徵才 React Native 工程師

工作內容 開發支付系統相關 Web 及 ios / Android App。 網頁切版、互動呈現、元件開發,與後端串接 API。 優化效能,辨識並解決效能瓶頸...

技術 看官方文檔安裝 React之選擇方式竟然這麼多 (上):什麼是 CDN?

挑戰 React 第二篇 安裝方式 CDN 連結 新手快速入門 Create React App 經驗豐富高手 更靈活的 Toolchain 使用 Nod...

鐵人賽 Modern Web DAY 30

技術 [Day 30 - 臺灣好天氣] 發布上 Github Pages 不夠,還要變成手機 App!還有那些重要但故意先不告訴你的內容

昨天我們已經把「即時天氣 App」發佈到 Github Pages 上了並且正名為「臺灣好天氣」。 但是這類型的天氣 App 如果可以安裝到手機上的話有多好呢?...

鐵人賽 Modern Web DAY 30
React + D3 的正確姿勢 系列 第 30

技術 Day30-結語

前言 不知不覺就到最後一天了,沒想到這次竟然也可以完賽,果然每天屁話個幾句就可以順利產出文章了(X 為了呼應上面所說,所以今天就來當個文章小偷來分類一下這次系列...

鐵人賽 Modern Web DAY 29
React + D3 的正確姿勢 系列 第 29

技術 Day29-React + D3(二)

前言 昨天的文章利用 componentDidMount 結合 D3 ,但相信讀者一定會覺得這樣的寫法又臭又長,而且這個 class 裡面也才寫了一個 comp...

鐵人賽 Modern Web DAY 28

技術 [Day 28 - 即時天氣] 保存與更新使用者設定的地區資訊 - localStorage 與 useEffect 的搭配使用

useEffect, localStorage 昨天完成了讓使用者設定地區的表單頁面後,今天就讓我們來實作設定地區這個功能。最終的目標是當使用者按下儲存後,根據...

鐵人賽 Modern Web DAY 28
React + D3 的正確姿勢 系列 第 28

技術 Day28-React + D3(一)

前言 前面的文章都介紹完圖表的繪製後,今天終於要回歸主題,把 D3 跟 React 結合在一起了,今天跟明天的文章都會把以前所講的內容做一個統整,假如對 Rea...

鐵人賽 Modern Web DAY 30

技術 [DAY30] 被 React react 的後端工程師 - 後記

一開始會這麼定題目,其實是起源于我對前端的挑食,因為我不喜歡調畫面 左邊一點右邊一點這種事情我真的不喜歡做 所以取翻譯中 過敏 的意思來形容我的 React 學...

鐵人賽 Modern Web DAY 27

技術 [Day 27 - 即時天氣] React 中的表單處理(Controlled vs Uncontrolled)以及 useRef 的使用

keywords: useRef, controlled components, uncontrolled components, form 昨天已經建立好了天...

鐵人賽 Modern Web DAY 29

技術 [DAY29] 多 DOM 的動畫之我等了這篇 29 天之我完全不介意

我想說的是: 其實基礎的多個 DOM 的動畫,跟一個差不多 多個的就是專業的部分,我不清楚 上一篇中已經可以控制一個 DOM 元素的動畫效果 而想控制多個動...

鐵人賽 Modern Web DAY 26

技術 [Day 26 - 即時天氣] 切換顯示不同頁面 - 子層組件修改父層組件資料狀態的方式

今天設計師又氣噗噗的打電話來,跟我說這幾天她回家參加朋友婚禮,想說來看一下天氣資訊,沒想到即時天氣 App 的地點卻仍停留在「台北」,竟然找不到切換地點的地方,...

鐵人賽 Modern Web DAY 28

技術 [DAY28] React 動畫動得非常厲害

我想說的是: 動畫好酷炫耶,以前完全沒用過就跑來寫後端 react-transition-group 真的很厲害 看完之後...我還是不會想寫前端耶 用 t...

鐵人賽 Modern Web DAY 25

技術 [Day 25 - 即時天氣] 自己的鉤子自己做 - 建立 Custom Hook

keywords: Custom Hook 不知道這幾天在修改即時天氣 App 時,特別針對 WeatherApp.js 這支檔案,你有沒有覺得內容好像多到找個...

鐵人賽 Modern Web DAY 27

技術 [DAY27] 如果你快樂就拍拍手之在 react 使用動畫效果之基於 CSS

我想說的是: 其實使用起來也是很簡單,但是對於 react 本身的操作要夠熟悉 最近買了薩爾達織夢島,有點太投入 整個早上都在玩,本來早上就該發文的 這一篇...

鐵人賽 Modern Web DAY 30

技術 【React.js入門 - 30】 學了React之後,然後呢?

(借一下JSDC的標題,我很喜歡XD) 太好了,我好像有辦法用一個前端框架寫專案了,那接下來我該做什麼? 從學了React,到寫了兩三個前端框架專案之後,我...

鐵人賽 Modern Web DAY 25

技術 Day 25 - React Fetch 向後端API請求資料(2)

Day 24 - React Fetch 向後端API請求資料(1) 上一章實作了Fetch API獲取Member資料 今天我們要拿證照跟廠商資料 Certi...

鐵人賽 Modern Web DAY 24

技術 Day 24 - React Fetch 向後端API請求資料(1)

Day 23 - AJAX 與 Fetch API 上一章介紹了AJAX與Fetch API, 還有其使用方式 我們今天來實作看看 新增Member.js im...

鐵人賽 Modern Web DAY 24

技術 [Day 24 - 即時天氣] 跟風一下,在 React 中透過 Emotion 實作深色主題!

keywords: useState, Emotion, theme, emotion-theming 昨天在設計師的誠心建議之下,我們加入了「載入中」的狀態,...

鐵人賽 Modern Web DAY 26

技術 [DAY26] 今天天氣怎樣?等等我打一下 API 再跟你說

我想說的是 API 串接範例練習,就是這麼簡單 上一篇中安裝了 axios 於是我們就準備好了工具 接下來要做練習,試試看實際執行的結果 我們先直接在 Ma...