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

0 Like 0 留言 933 瀏覽

鐵人賽影片教學 DAY 22

30 天 30 個範例入門 ReactJS 系列第 22 篇

技術 DAY21 突襲檢查 - Prop Types

DAY21 突襲檢查 - Prop Types 範例程式碼：https://github.com/max80713/react-30-days 有任何問題都可...

谷哥 ‧ 2018-10-22

0 Like 0 留言 2356 瀏覽

鐵人賽自我挑戰組 DAY 16

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

技術【DAY 16】利用redux與react搭配在做出一個to do list吧！（中）

【前言】　　又是一個禮拜的煎熬......但還是得要繼續看redux，加油加油【正文】　　昨天把presentational component順勢寫完了，今天...

Hyora ‧ 2018-10-22

4 Like 0 留言 15611 瀏覽

鐵人賽 Modern Web DAY 17

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

技術 [筆記][React]React網頁好朋友Router(1)-基本用法篇！

Hi！大家好啊！React旅程走到這裡開始覺得有點累了XD，下班放假都還是不能忘記準備文章，嗚嗚...不過和不只報名一個系列的大大們來說，還算是算小咖了，希望這...

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

2 Like 0 留言 2536 瀏覽

鐵人賽 Modern Web DAY 7

以經典小遊戲為主題之ReactJS應用練習系列第 7 篇

技術 Day07 - Tic Tac Toe篇：勝負判斷事前準備

到目前為止，我們伸縮自如的圈圈叉叉遊戲已經很像樣了，但是目前判斷勝負的工作還是需要玩家自己來判斷。我們希望電腦可以幫助我們判斷勝負，這樣就不用自己在那邊算自己是...

Taiming ‧ 2018-10-22 ‧團隊開橋找井

0 Like 0 留言 1261 瀏覽

鐵人賽影片教學 DAY 21

30 天 30 個範例入門 ReactJS 系列第 21 篇

技術 DAY20 三個願望一次滿足 - Render Props

DAY20 三個願望一次滿足 - Render Props 範例程式碼：https://github.com/max80713/react-30-days 有...

谷哥 ‧ 2018-10-21

0 Like 0 留言 2615 瀏覽

鐵人賽自我挑戰組 DAY 15

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

技術【DAY 15】利用redux與react搭配在做出一個To do list吧！（上）

【前言】　　呼～～終於進行到一半了（灑花！越來越不知道前言要寫什麼來湊字數了XD【正文】　　在這次的範例，我們要利用redux與react再次做一個to do...

Hyora ‧ 2018-10-21

0 Like 0 留言 2918 瀏覽

鐵人賽 Software Development DAY 21

用js成為老闆心中的全端工程師系列第 21 篇

技術 Day 21 - 二周目 - React 必備知識和效能議題

回憶昨天我們以非同步函數測試的例子說明單元測試/整合測試的差異，到目前為止後端的部分打算先到這。之後的幾天，我們開始進入研究前端。目標在 Day 11 -...

eugenechen ‧ 2018-10-21

7 Like 2 留言 16856 瀏覽

鐵人賽 Modern Web DAY 16

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

技術 [筆記][React]React的目錄結構篇

Hi！大家好啊！因為大家的支持！鐵人賽總算過一半了！希望剩下來的賽程請各位大大繼續指教！話說今天為了研究一個東西浪費了一堆時間，讓我現在感覺很沒勁，哈哈哈(超...

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

1 Like 0 留言 4667 瀏覽

鐵人賽 Modern Web DAY 6

以經典小遊戲為主題之ReactJS應用練習系列第 6 篇

技術 Day06 - Tic Tac Toe篇：自己刻圈圈元件及叉叉元件

在 Day05 我們已經把該有的事件都做得差不多了，接下來我們希望把圈圈元件和叉叉元件加上去，讓我們點擊下去的時候，1會顯示圈圈，-1會顯示叉叉。這邊先講一下...

Taiming ‧ 2018-10-21 ‧團隊開橋找井

0 Like 0 留言 949 瀏覽

鐵人賽影片教學 DAY 20

30 天 30 個範例入門 ReactJS 系列第 20 篇

技術 DAY19 做個計時器 - HOC

DAY19 做個計時器 - HOC 範例程式碼：https://github.com/max80713/react-30-days 有任何問題都可以在 You...

谷哥 ‧ 2018-10-20

5 Like 1 留言 3864 瀏覽

鐵人賽 Modern Web DAY 15

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

技術 [筆記][React]當React遇上Redux(3)-從React組件操作Reducer

Hihi！大家好！這樣子的開頭還要在鐵人賽結束前繼續用下去，請大家多多包涵XD，昨天我們已經能夠從Redux中取到資料了，今天要來說說該怎麼把透過React來觸...

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

0 Like 0 留言 1857 瀏覽

鐵人賽自我挑戰組 DAY 14

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

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

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

Hyora ‧ 2018-10-20

0 Like 0 留言 871 瀏覽

鐵人賽影片教學 DAY 19

30 天 30 個範例入門 ReactJS 系列第 19 篇

技術 DAY18 隔空取物 - Context

DAY18 隔空取物 - Context 範例程式碼：https://github.com/max80713/react-30-days 有任何問題都可以在...

谷哥 ‧ 2018-10-19

0 Like 0 留言 2337 瀏覽

鐵人賽自我挑戰組 DAY 13

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

技術【DAY 13】對方聽不懂？那就讓Reducer來幫你一把吧！

【前言】　　終於來到假日了，身為一個朝八晚八的厭世工程師（什麼時候會離職或被火掉我也不知道），既然挑戰了鐵人賽，那就努力的把它做完吧（笑）！昨天講到action...

Hyora ‧ 2018-10-19

3 Like 0 留言 4600 瀏覽

鐵人賽 Modern Web DAY 14

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

技術 [筆記][React]當React遇上Redux(2)-資料的傳遞方式

Hello！大家好！昨天初步認識了Redux後(真的非常初步XD)，知道他如何管理資料了，那今天要來說說在Redux手上的資料該怎麼傳給React的組件！就請各...

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

0 Like 0 留言 1373 瀏覽

鐵人賽影片教學 DAY 18

30 天 30 個範例入門 ReactJS 系列第 18 篇

技術 DAY17 做個下拉式選單

DAY17 做個下拉式選單範例程式碼：https://github.com/max80713/react-30-days 有任何問題都可以在 Youtube...

谷哥 ‧ 2018-10-18

1 Like 0 留言 1752 瀏覽

鐵人賽自我挑戰組 DAY 12

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

技術【DAY 12】利用Redux發射愛的Action吧

【前言】　　最近加班都到好晚，工作上一切都好不順利（暈，每天希望自己不要扯後腿，但好像都瘋狂在扯後腿，對前輩整個很不好意思......嗚嗚嗚。但還是要得抽時間繼...

Hyora ‧ 2018-10-18

5 Like 1 留言 5048 瀏覽

鐵人賽 Modern Web DAY 13

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

技術 [筆記][React]當React遇上Redux(1)-初次見面

Hello！大家好啊！就算標題讓人搞不清楚狀況，但是點進來的時候應該還沒忘記昨天的成就感吧XD，為了能夠在最後獲得更大的滿足，今天再來開始繼續學習吧！介紹R...

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

0 Like 1 留言 1100 瀏覽

鐵人賽影片教學 DAY 17

30 天 30 個範例入門 ReactJS 系列第 17 篇

技術 DAY16 效能再優化 - pureComponent

DAY16 效能再優化 - pureComponent 範例程式碼：https://github.com/max80713/react-30-days 有任何...

谷哥 ‧ 2018-10-17

0 Like 0 留言 2082 瀏覽

鐵人賽自我挑戰組 DAY 11

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

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

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

Hyora ‧ 2018-10-17

5 Like 1 留言 4872 瀏覽

鐵人賽 Modern Web DAY 12

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

技術 [筆記][React]使用React開發的思考模式(3)-最後來個小範例吧！

這一節我們來用前幾篇文章學到的一切來做個小範例吧！不知道大家在學網頁時，第一個嘗試的是什麼？當然這邊指的是除了Hello world!之外的XD，小弟我啊！遙想...

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

0 Like 0 留言 1007 瀏覽

鐵人賽影片教學 DAY 16

30 天 30 個範例入門 ReactJS 系列第 16 篇

技術 DAY15 效能優化 - shouldComponentUpdate

DAY15 效能優化 - shouldComponentUpdate 範例程式碼：https://github.com/max80713/react-30-d...

谷哥 ‧ 2018-10-16

0 Like 0 留言 1972 瀏覽

鐵人賽自我挑戰組 DAY 10

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

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

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

Hyora ‧ 2018-10-16

6 Like 0 留言 2944 瀏覽

鐵人賽 Modern Web DAY 11

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

技術 [筆記][React]使用React開發的思考模式(2)-組件的構成模式

Hi！恭喜踏入第11篇！完成1/3的賽程了！這樣子一直倒數心態是不是不太好XD，不過我還是很沈醉在給自己壓力的，哈哈哈，但是結束後還是讓我耍廢一陣子吧！欸？現在...

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

0 Like 0 留言 5842 瀏覽

鐵人賽 Modern Web DAY 2

PWA, Severless, GraphQL實作系列第 2 篇

技術 [影片]Gatsby.js 未來的網頁02：安裝Gatsby.js

實作是最好的學習。今天要介紹Gatsby.js的安裝及在local環境運行起來。 YouTube教學影片： ##安裝Gatsby CLI npm instal...

Zack ‧ 2018-10-16

0 Like 0 留言 1081 瀏覽

鐵人賽影片教學 DAY 15

30 天 30 個範例入門 ReactJS 系列第 15 篇

技術 DAY14 幫時鐘做點效果 - componentDidUpdate

DAY14 幫時鐘做點效果 - componentDidUpdate 範例程式碼：https://github.com/max80713/react-30-d...

谷哥 ‧ 2018-10-15

0 Like 0 留言 2699 瀏覽

鐵人賽自我挑戰組 DAY 9

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

技術【DAY 09】利用狀態提升重新撰寫一次TodoList吧!

【前言】　　前幾天我們做的練習基本上都是放在同個Component檔案下，但事實上我們會切分Component，一來可以達到Component的可覆用性、可維護...

Hyora ‧ 2018-10-15

7 Like 0 留言 5435 瀏覽

鐵人賽 Modern Web DAY 10

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

技術 [筆記][React]使用React開發的思考模式(1)-記得把共同狀態提升

前面幾篇文章把React基本的用法都說完了，剩下的就是該如何將它應用在實務面中，所以接下來我會試著和各位一同做出一些小作品，但是在那之前，我們得先了解如何正確的...

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

0 Like 0 留言 1189 瀏覽

鐵人賽影片教學 DAY 14

30 天 30 個範例入門 ReactJS 系列第 14 篇

技術 DAY13 再做一個時鐘的開關 - componentWillUnmount

DAY13 再做一個時鐘的開關 - componentWillUnmount 範例程式碼：https://github.com/max80713/react-...

谷哥 ‧ 2018-10-14

1 Like 0 留言 2375 瀏覽

鐵人賽自我挑戰組 DAY 8

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

技術【DAY 08】React Component也有生老病死？（下）

【前言】　　昨天稍微提到了React component的其中兩個生命週期componentDidMount和componentWillUnmount。今天就來...

Hyora ‧ 2018-10-14