iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 1704 瀏覽

鐵人賽自我挑戰組 DAY 11

請你當我的好朋友吧！ReactJS！系列第 11 篇

技術【DAY 11】Redux不是小三！它只是和ReactJS較契合！

【前言】　　完成三分之一的鐵人賽，接下來的文章要來介紹我最害怕的東西「Redux」，為什麼我要這麼說？因為即便我知道它的Redux概念是什麼，要我直接手寫出來我...

Hyora ‧ 2018-10-17

0 Like 0 留言 1697 瀏覽

鐵人賽 Modern Web DAY 9

關於 UI 元件你所該知道的事系列第 9 篇

技術 Day 09 - Design System x 實作 — Typography

雖然昨天已經介紹了如何在你的網頁中實作 Color System，但嚴格上來說今天才算是這系列第一篇的實作，畢竟 Color 只涵蓋了 CSS 的部分，並且是...

parkerhiphop027 ‧ 2021-09-24

0 Like 0 留言 1696 瀏覽

鐵人賽 Modern Web DAY 5

用React刻自己的投資Dashboard 系列第 5 篇

技術用React刻自己的投資Dashboard Day5 - 多張圖表渲染(Rendering lists)

tags: 2021鐵人賽 React 上一篇只畫了一張圖表，投資怎麼可能只需要看一張圖呢？這邊就再加上兩張圖來看看吧! 更改資料放置位置專案架構圖如下這...

Sean Liu ‧ 2021-09-20

0 Like 0 留言 1696 瀏覽

鐵人賽 Modern Web DAY 20

Follow me! 來一場前端技能樹之旅系列第 20 篇

技術 [Day 20 - React] 網頁UI組件化 — React component

前情提要：在上一篇現在開始用框架寫網頁 — React，我們學習了如何在 React 使用 JSX 撰寫 Element 呈現出網頁頁面，接下來就會帶著大家將...

May ‧ 2021-10-03

0 Like 0 留言 1687 瀏覽

技術【程式開發筆記07】實作Entity Framework Core DB First CRUD-(1)(.Net Core / EF Core / MSSQL)

資料庫建立資料表，我使用的是MSSQL 使用 Visual Studio 時，請先至 Nuget 下載套件，分別是 Microsoft.Entity...

PinShengs ‧ 2023-07-29

0 Like 0 留言 1684 瀏覽

鐵人賽自我挑戰組 DAY 18

用ChatGPT詠唱來完成工作與點亮前後端技能樹系列第 18 篇

技術【Day18】ChatGPT請教教我：React入門（四）- Hook！副作用(Side Effect)？useEffect！

目前這個系列已挑選ChatGPT、前端&React相關章節出版成書！感謝大家的閱讀與支持!《用 ChatGPT 詠唱來點亮 React ＆前端技能樹...

一宵三筵 ‧ 2023-10-02

1 Like 0 留言 1678 瀏覽

鐵人賽 Modern Web DAY 9

All In One NFT Website Development 系列第 9 篇

技術 Day 9【錢包登入區 - Login Interface】你也想起舞嗎？

【前言】一如往常先來回顧一下 Day2 Project 分析的使用者流程。今天來做登入頁面，第三步的**「登入介面」，還有第四步的「登入成功畫面」**！因為之...

ALu ‧ 2021-09-21 ‧團隊Obit0 Studio

0 Like 0 留言 1676 瀏覽

鐵人賽 Modern Web DAY 28

以 Kotlin 為主要語言建構基本的 Online Judge 系統系列第 28 篇

技術 Day 28：批改系統網頁 (10) – 製作操作資料相關頁面

昨天我們將獲取資料的網頁部分給完成了，今天就讓我們繼續將操作資料的網頁部分給完成吧！表單輸入元件在操作資料的部分，很常會使用到一些 <input&g...

灆洢 a.k.a Maplewing ‧ 2020-09-28

0 Like 0 留言 1675 瀏覽

鐵人賽自我挑戰組 DAY 11

React初心者30天的探索之路系列第 11 篇

技術 [Day 11] React CSS 最重要的小事（下）

說到css in js，也就是用js來寫css 就不得不提到style components，被稱之為是React樣式處理的最佳方案！首先安裝 style c...

Lieutenant ‧ 2020-09-11

1 Like 0 留言 1673 瀏覽

鐵人賽 Modern Web DAY 6

30 天擁有一套自己手刻的 React UI 元件庫系列第 6 篇

技術【Day06】數據輸入元件 - FormControl

元件介紹 FormControl 讓我們可以將 form input 所需要的共同前後文特性獨立出來管理，使被 control 的子元件之間的樣式能夠保持一致性...

Taiming ‧ 2021-09-19 ‧團隊董事長清潔隊

1 Like 0 留言 1672 瀏覽

鐵人賽 Modern Web DAY 16

今晚，我想來點 Web 前端效能優化大補帖！系列第 16 篇

技術 Day16 X Polyfill-less Bundling Script & File Compression

今天是 Build Optimizations 主題的最後一篇了，到目前為止我們已經認識了 Code Splitting, Dynamic Import 還有...

莫力全 Kyle Mo ‧ 2021-10-01 ‧團隊StarBugs 星巴哥技術週刊

1 Like 0 留言 1665 瀏覽

鐵人賽 Modern Web DAY 5

I Want To Know React 系列第 5 篇

技術 I Want To Know React - Render React Element

在上兩個篇章：初探 JSX 與 JSX 語法中，我們已經了解了 JSX 的由來、功能、內部原理以及語法了。在這個篇章中，我們將要學習如何把 React elem...

Henry Chang ‧ 2020-09-20 ‧團隊404 Not Found

1 Like 0 留言 1664 瀏覽

鐵人賽 Modern Web DAY 4

用Jest和Enzyme來寫React測試吧!! 系列第 4 篇

技術【Day4】Eslint設定及JSX表達式介紹，乾淨整齊的程式碼才能使人輕鬆讀懂!(๑¯◡¯๑)

在說明JSX前，先來提一個規則 EsLint !! Eslint 是用來檢測Code的標準及是否違規,而這些規定其實可以在設定檔可以自行設定為了讓我們...

Ivy ‧ 2021-09-04

0 Like 0 留言 1662 瀏覽

鐵人賽 Modern Web DAY 21

【我不會寫 React Component 】系列第 21 篇

技術如何製作手風琴 accordion 2【我不會寫 React Component 】

本篇接續前篇如何製作手風琴 accordion 1【 accordion | 我不會寫 React Component 】可以先看完上一篇再接續此篇。 S...

HelloKayac ‧ 2022-10-04

1 Like 0 留言 1662 瀏覽

鐵人賽 Modern Web DAY 18

I Want To Know React 系列第 18 篇

技術 I Want To Know React - Key & Diff 演算法

回顧 key 在上一篇中，我們介紹了 key 為何，以及如何在 React 中使用 key。 Key 可以想成是 React element list 中每個元...

Henry Chang ‧ 2020-10-03 ‧團隊404 Not Found

0 Like 0 留言 1655 瀏覽

技術 React Class Component 生命週期 - Update/Unmount 篇

挑戰 React 第二十二篇上篇講到生命週期主要分成以下四大類: Mounting Updating Unmounting Error Handling...

tom_yukuan ‧ 2020-06-27

0 Like 0 留言 1654 瀏覽

鐵人賽 Modern Web DAY 23

Zero to hero with React.js 系列第 23 篇

技術【Day 23 React】Redux 做遊戲角色陣容應用程式——趴水

接續昨天在 index.js 寫完 reducer 的程式碼，現在要把這些程式碼分別放進各自的 reducer 裡，實現最結構化的撰寫模式。我們在 reduce...

TSAI ‧ 2017-12-29

0 Like 0 留言 1649 瀏覽

鐵人賽自我挑戰組 DAY 16

React初心者30天的探索之路系列第 16 篇

技術 [Day 16] React 呼叫api with fetch & axios

剛開始工作的時候是jQuery的時代，用$.ajax來接api得心應手，偶爾接觸到不能用jQuery的專案，就用原生的XMLHttpRequest來處理，隨著...

Lieutenant ‧ 2020-09-16

0 Like 0 留言 1645 瀏覽

鐵人賽自我挑戰組 DAY 9

React初心者30天的探索之路系列第 9 篇

技術 [Day 09] React State & props

State state 為自身component 存放資料的地方，管理內部狀態，格式為一個物件，以class component來說，在建立自身的compone...

Lieutenant ‧ 2020-09-09

1 Like 0 留言 1641 瀏覽

鐵人賽 Modern Web DAY 29

用Jest和Enzyme來寫React測試吧!! 系列第 29 篇

技術【Day29】從小菜鳥使用React到現在踩到的地雷經驗談 (ᗒᗣᗕ)՞

這篇要來談談小菜鳥一開始到現在用React的時候踩到的地雷 ! 最常見的忘記向下傳state就透過子類別使用了後來小菜鳥的解決方法，是會在父類別將所有有可...

Ivy ‧ 2021-09-29

0 Like 0 留言 1640 瀏覽

鐵人賽 Modern Web DAY 26

用React刻自己的投資Dashboard 系列第 26 篇

技術用React刻自己的投資Dashboard Day26 - 台股技術面功能規劃

這篇終於要來開始做台股技術面的功能了，對於善於技術分析的投資人來說，看K線是非常基本的事情，因為從技術分析的角度來看，K線可以分析出很多其他面向看不到的學問喔~...

Sean Liu ‧ 2021-10-11

0 Like 0 留言 1638 瀏覽

鐵人賽 Modern Web DAY 19

Rails，我要進來囉系列第 19 篇

技術第十九天：在 Rails 7 使用 esbuild 來試用 React JS

開場白鼬～～哩賀，我是寫程式的山姆老弟，前幾天跟大家一起實驗了用 importmap、webpack、esbuild 來安裝 bootstrap，今天來繼續延...

Sam ‧ 2022-10-04

0 Like 0 留言 1628 瀏覽

鐵人賽 Software Development DAY 26

Mendix從入門到了解，工程師和業務都要知道低代碼平台是什麼系列第 26 篇

技術 Mendix上要不要做自己的Widget呢?

做自己的widget前，該想一想的事的確，能創造自己的widget真的很吸引人，但是，創造以後的維護，以及如何跟上最新版本更新的腳步，這些都是作為一個負責任的...

Mel ‧ 2020-10-10

1 Like 2 留言 1626 瀏覽

技術虎你發財啦!自己的新年圖自己做 (React+Fabric.js) -下

前情提要為了不浪費我白白畫的春聯，做了一個新年圖製造機還沒有新年圖的可以到下面玩玩看～（快收假了不需要了吧！為什麼我的GA沒有數據QQ）虎你快樂新年圖製作...

Global Rachel ‧ 2022-02-04

0 Like 0 留言 1626 瀏覽

鐵人賽自我挑戰組 DAY 10

請你當我的好朋友吧！ReactJS！系列第 10 篇

技術【DAY 10】這樣我們關係有比較近了嗎？ReactJS

【前言】　　前幾天我們建構了一些React的一些基礎觀念，這篇會稍微整理一下內容，並提供一些其他的網站給予參考。【正文】　　剛開始我們稍微對ReactJS這個函...

Hyora ‧ 2018-10-16

1 Like 0 留言 1619 瀏覽

鐵人賽 Modern Web DAY 24

I Want To Know React 系列第 24 篇

技術 I Want To Know React - 提升 state 練習

回顧提升 state 在上一章節中，我們介紹了何謂提升 state 以及為何要這麼做。提升 state 的意思就是把 state 提升到所有有使用到此資料的...

Henry Chang ‧ 2020-10-09 ‧團隊404 Not Found

2 Like 1 留言 1616 瀏覽

鐵人賽 Modern Web DAY 30

30 天擁有一套自己手刻的 React UI 元件庫系列第 30 篇

技術【Day30】挑戰回顧 & 鐵人練成心得分享

挑戰最後一日的題目真的讓我想了很久，倒底該放什麼元件來壓軸才好？要寫一個綜合演練，把前面的元件都拿出來大亂鬥一番，搞出一個看起來很厲害的應用嗎？還是說我應該老老...

Taiming ‧ 2021-10-13 ‧團隊董事長清潔隊

0 Like 0 留言 1612 瀏覽

鐵人賽 Software Development DAY 23

用設計模式與Typescript，在React異世界築起堅固保壘！系列第 23 篇

技術 [Day23] 打造輕鬆編輯的顏文字編輯器吧！ ─ 命令(Command) <實作篇>

嗨大家好我是一路爬坡的阿肥這禮拜四開始就連假啦! 希望有小天使可以幫我生完所有進度定義 Command 的介面與抽象類別我們先以 interfac...

Yuri Tsai ‧ 2019-10-08

0 Like 0 留言 1606 瀏覽

鐵人賽自我挑戰組 DAY 18

React初心者30天的探索之路系列第 18 篇

技術 [Day 18] 像是迷霧森林的React Redux

寫過vue就知道有vue有提供vuex來做資料(state)的集中管理，那麼React就是藉由Redux來達成，不過讓我有點訝異的應該是React 跟 Redu...

Lieutenant ‧ 2020-09-18

0 Like 0 留言 1606 瀏覽

鐵人賽自我挑戰組 DAY 14

請你當我的好朋友吧！ReactJS！系列第 14 篇

技術【DAY 14】狀態儲存在redux的Store中吧！

【前言】　　前兩篇我們介紹了action和reducer ，這次不多說廢話直接進到正文吧！【正文】　　前面一直強調action是描述發生什麼事的物件，reduc...

Hyora ‧ 2018-10-20

技術 【DAY 11】Redux不是小三！它只是和ReactJS較契合！

技術 Day 09 - Design System x 實作 — Typography

技術 用React刻自己的投資Dashboard Day5 - 多張圖表渲染(Rendering lists)

技術 [Day 20 - React] 網頁UI組件化 — React component

技術 【程式開發筆記07】實作Entity Framework Core DB First CRUD-(1)(.Net Core / EF Core / MSSQL)

技術 【Day18】ChatGPT請教教我：React入門（四）- Hook！副作用(Side Effect)？useEffect！