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

5 Like 8 留言 3815 瀏覽

鐵人賽 Modern Web DAY 30

一次打破 React 常見的學習門檻與觀念誤解系列第 30 篇

技術 [Day 30] 一次打破 React 常見的的學習門檻與觀念誤解：系列文總結以及完賽感言

2024/2 更新 - 實體書平裝版本上市在經過快要一年的努力後，本系列文的實體書版本推出了～其中新增並補充了許多鐵人賽版本中沒有的脈絡與細節，並以全彩印刷拉...

Zet ‧ 2022-10-15

2 Like 0 留言 3735 瀏覽

鐵人賽 Modern Web DAY 7

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

技術【Day7 React】從拆解電子名片學習 React Components #Part1

把整張名片作為一個 component 每一個 component 外層都會用一個 class 包起來。extends 指的是 React.component...

TSAI ‧ 2017-12-13

3 Like 1 留言 3727 瀏覽

鐵人賽 SideProject30 DAY 1

營養師不開菜單要用 Next.js 13 寫全端系列第 1 篇

達標好文技術營養師不開菜單的第一天 - 為什麼要做 Link In Bio Tool？

前言一年半前，我還是個每天在廚房走跳的營養師，除了跟廚師或阿姨打交道，就是跟廠商吵架，再接著對老師家長畢恭畢敬，職業生涯中完全沒想過這輩子會當前端工程師。在...

ysl0628 ‧ 2023-09-16 ‧團隊所以隊名要叫什麼

1 Like 0 留言 3717 瀏覽

鐵人賽 Modern Web DAY 12

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

技術【Day 12 React】React + Webpack ——搜尋功能 #Part1

前面幾篇的做法，我都是直接引用 CDN 來操作。我們還有第二種方法可以 include React，就是透過第二篇介紹過的 Webpack，所以今天就來學學 W...

TSAI ‧ 2017-12-18

0 Like 0 留言 3711 瀏覽

鐵人賽自我挑戰組 DAY 4

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

技術【DAY 04】React！說，Props是誰啊？

【前言】　　昨天我們實作了第一個React Component了，有沒有覺得自己有沒有變強了一點呢？這篇要來介紹一下React的Props屬性囉！【正文】　　...

Hyora ‧ 2018-10-10

2 Like 1 留言 3687 瀏覽

鐵人賽 Modern Web DAY 17

React.js 從【0】到【1】推坑計畫系列第 17 篇

技術【Day 17】Redux 實戰演練

今天將直接實作 redux，如果不知道 redux 運作概念的讀者可以回去看看昨天的概念介紹喔～今天嘗試將 dark theme 與 light theme 實...

莫力全 Kyle Mo ‧ 2019-09-21

4 Like 0 留言 3686 瀏覽

鐵人賽 Modern Web DAY 21

一步一腳印的React旅程系列第 21 篇

技術 [筆記][React]來做個作品吧！待辦事項「todolist」篇(1)-用React-Router做選單

Hi！各位，想不到吧，已經到了最後十篇了，感覺真不想結束呢！才怪！明明天天都在倒數文章數量XD，雖然這一趟很累，但是還是得要對自己來個期末測驗才行！所以接下來...

神Q超人 ‧ 2018-10-26 ‧團隊IT成長營

0 Like 0 留言 3662 瀏覽

鐵人賽 Modern Web DAY 19

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

技術 [Day 19 - React] 現在開始用框架寫網頁 — React

為什麼要使用框架？前端最重要的工作，就是讓網頁的資料與狀態視覺化，有資料狀態改變時，就要更動網頁內容的顯示。但當網頁內容複雜化，網頁元件、元件操作功能和資料狀...

May ‧ 2021-10-02

3 Like 0 留言 3658 瀏覽

技術 React 學習筆記_16(React Toastify彈出組件)

React Toastify彈出組件簡介使用React-Toastify來達成簡易的彈出效果。 Step 1: Installation npm insta...

Fandix ‧ 2020-04-06

0 Like 0 留言 3647 瀏覽

鐵人賽 Modern Web DAY 23

學會Elm寫前端系列第 23 篇

技術 23 elm Q&A: 聽說和react, redux有關係？

如果你來自react 學react一定會用到redux來處理state的問題，那你就開始學redux，可是redux好難，一下又是reducer, 一下又是ac...

poligen ‧ 2018-01-09

1 Like 0 留言 3643 瀏覽

鐵人賽 Modern Web DAY 9

我不用Expo啦，React Native！系列第 9 篇

技術 [Day9] Redux：我是大家的無人機

今日關鍵字：無人...Redux 假如有一天，你在家煮了咖哩不小心煮了太多想分給對面的人如果是以前都是平房時直接走過去就好如果場景變換成現代你住在高樓裡該怎...

b97201019 ‧ 2020-09-09

0 Like 0 留言 3642 瀏覽

徵才 [徵才]美商A10 Networks-FrontEnd Web Developer

【公司名稱】: 美商睿科網路科技有限公司【公司地址】: 台北南港軟體園區三期捷運南港展覽館站附近台北市南港區三重路66號6樓https://goo.gl/m...

stsai ‧ 2018-02-13

0 Like 0 留言 3636 瀏覽

鐵人賽 Modern Web DAY 22

Spring Boot and React - 前後端 30 天分手日記系列第 22 篇

技術 Day 22 - React 第一個Component

上一章 Day 21 - React 什麼是Component? 生命週期? 今天來寫我們的第一個Component 先從網頁的導覽列開始在專案底下新增MyN...

Aiden ‧ 2019-10-08

0 Like 0 留言 3608 瀏覽

鐵人賽 Modern Web DAY 21

Spring Boot and React - 前後端 30 天分手日記系列第 21 篇

技術 Day 21 - React 什麼是Component? 生命週期?

上一章 Day 20 - React 安裝與導入需要的package Component 是 React 中很重要的一環, 其中包括複雜的生命週期, 與各種不同...

Aiden ‧ 2019-10-07

0 Like 0 留言 3608 瀏覽

鐵人賽自我挑戰組 DAY 18

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

技術【DAY 18】更快的撰寫action跟reducer吧！redux-actions參上

【前言】　　終於先把基本的redux告一段落了......可是工作上的進度還是大延遲(嘆氣【正文】　　採用以往的方式撰寫action、reducer的確可行，但...

Hyora ‧ 2018-10-24

3 Like 0 留言 3606 瀏覽

鐵人賽 Modern Web DAY 15

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

技術 Day15 X Tree Shaking

在昨天我們學會了 code splitting 與 dynamic import 的技巧，讓程式在打包時可以形成好幾個 bundle chunks，並在真的需...

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

6 Like 1 留言 3590 瀏覽

鐵人賽 Modern Web DAY 15

在 React 生態圈內打滾的一年 feat. TypeScript 系列第 15 篇

技術 Day14 | Redux 的改變，Logger 看得見

前言前兩篇學習了 Redux 的操作方法，雖然 Redux 替我們處理資料真的很方便，但是實際上是得經過 Component、Action、Reducer 三...

神Q超人 ‧ 2019-09-26 ‧團隊IT成長團

0 Like 0 留言 3563 瀏覽

鐵人賽 Modern Web DAY 9

製作你的無程式碼(No-code)個人網頁 ft. Next.js, SWR, 串 Youtube, IG, Github, Notion API ～系列第 9 篇

技術 #09 No-code 之旅 — 怎麼在 Client-side 抓取資料？SWR 簡介

安安！前幾天講了怎麼在專案裡用些 data fetching functions 做 pre-rendering。不過如果想要直接在 client-side 抓...

Jade ‧ 2021-09-24

1 Like 0 留言 3532 瀏覽

鐵人賽 Modern Web DAY 11

All In One NFT Website Development 系列第 11 篇

技術 Day 11【連動 MetaMask - Pop Up & Login Detection】Can`t use current password.

【前言】嗨嗨大家好，今天的主題延續昨天的檢測是否已經安裝插件後，緊接著而來的是 MetaMask 的彈出頁面以及檢測登入者是否更換帳戶。今天的內容大部份都參考...

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

0 Like 0 留言 3523 瀏覽

鐵人賽 Modern Web DAY 14

RRRR的世界 (Ruby on Rails + React + Redux) 系列第 14 篇

技術 Day 14, React components 各種寫Component的方法

今天講三種component的建立方式，也是看網路上的Demo常用的，我這邊會寫三個一樣的Component，讓大家看看彼此間的互換。最簡單的 extends...

Joseph-bug ‧ 2016-12-29

1 Like 0 留言 3522 瀏覽

鐵人賽 Modern Web DAY 11

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

技術【Day 11 React】Events and Data Changes in React

今天要介紹如何即時得到使用者輸入的色碼，並即時 render 到氣球上。DEMO 建立 Component 首先，建立一個 Balloon component...

TSAI ‧ 2017-12-17

0 Like 0 留言 3521 瀏覽

鐵人賽 Modern Web DAY 25

Spring Boot and React - 前後端 30 天分手日記系列第 25 篇

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

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

Aiden ‧ 2019-10-11

1 Like 0 留言 3498 瀏覽

鐵人賽 Modern Web DAY 2

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

技術【Day2】VsCode相關套件安裝及建立React專案和React的小小介紹!!

上一篇有提到說，這次使用的IDE是超級好用的VsCode，相信各位看官們也都下載好了安裝完畢，打開後會長這樣 ↓ 紅色的圈圈點下去就是可以下載套件的地方了...

Ivy ‧ 2021-09-02

3 Like 0 留言 3487 瀏覽

鐵人賽 Modern Web DAY 27

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

技術 Day27 X Stale While Revalidate Cache Policy

在 Day24 介紹 Web 前端渲染架構時，有提到 Stale While Revalidate 這個快取的應用策略，今天將更詳細介紹這個策略，並看看怎麼運...

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

1 Like 0 留言 3485 瀏覽

鐵人賽 Modern Web DAY 16

循序漸進學習 Javascript 測試系列第 16 篇

技術 Day 16 測試 React 元件：render 元件及使用 Jest DOM & dom-testing-library

使用 ReactDOM 來 Render 被測試元件假設現在有一個 <FavoriteNumber /> 元件，我們要測試它是否有 render...

TWGD ‧ 2020-10-01

1 Like 0 留言 3470 瀏覽

鐵人賽 Modern Web DAY 8

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

技術【Day8 React】從拆解電子名片學習 React Components #Part2

今天講解把如何模組化程式碼前提：我們目前所有的程式碼都放在 index.html 裡面，分別嵌入了 React, React-dom, babel 的 CDN...

TSAI ‧ 2017-12-14

3 Like 0 留言 3467 瀏覽

鐵人賽 Modern Web DAY 13

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

技術 Day13 X CSS GPU Acceleration

其實今天的主題應該算是昨天 High Performance CSS 的延伸。大家應該都有遇過網頁的動畫有點不順暢甚至卡頓的經驗吧？是不是覺得很煩人呢？就算...

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

1 Like 0 留言 3456 瀏覽

鐵人賽 Modern Web DAY 5

一次打破 React 常見的學習門檻與觀念誤解系列第 5 篇

技術 [Day 05] 建構一切 UI 的最基本單位 — React element

React 採用了上一篇文章中所介紹的的 Virtual DOM 概念來實作抽象層，以產生並管理瀏覽器畫面中的真實 DOM。而在 React 中的每一個 Vir...

Zet ‧ 2022-09-20

1 Like 0 留言 3454 瀏覽

鐵人賽 Modern Web DAY 8

初探前端之路-React-由生到死的踩地雷系列第 8 篇

技術 React-Redux-框架練習（2）

前言續昨天的文章: Getting started with create-react-app, Redux, React Router & Red...

Luis-Chen ‧ 2017-12-17

1 Like 1 留言 3442 瀏覽

鐵人賽 Modern Web DAY 28

Canvas 小錦囊系列第 28 篇

技術 Day 28 - 用 canvas 與 pdfjs 做文件簽名（上）

前述今天用前面做過的小畫家相似功能，來完成一個可以在文件上面簽名的功能～當然也會有新的東西可以玩。思路我們將文件簽名分成三個步驟 <div cla...

雪莉 ‧ 2021-10-13 ‧團隊拒絕奴性的網友