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

5 Like 2 留言 3961 瀏覽

鐵人賽 Modern Web DAY 23

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

技術 [筆記][React]來做個作品吧！待辦事項「todolist」篇(3)-開始添加事件篇

Hi！大家好！一天做一點點的感覺有點像以前買的科學雜誌XD，要從創刊號慢慢蒐集到最後，把所有的贈品都留下來才能組合出一個完整的東西，哈哈！話說剛露營回來，不知...

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

1 Like 0 留言 4272 瀏覽

鐵人賽 Modern Web DAY 13

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

技術 Day13 - 貪吃蛇篇：頁面佈局規劃

頁面佈局規劃如同前篇遊戲 Tic Tac Toe 一樣，我們要來規劃一下遊戲的畫面，因為我希望我們貪吃蛇的遊戲在電腦上可以玩，在手機上也可以玩，所以我想要把遊...

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

0 Like 0 留言 1323 瀏覽

鐵人賽自我挑戰組 DAY 21

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

技術【DAY 21】暫且休息一天，聊聊目前學習的心境。

【前言】　　這篇不會有什麼新東西，只會有一堆廢話......嗚嗚嗚【正文】　　話說也踏入前端五個月了，也就代表學習react五個月，然後也意味著被react荼毒...

Hyora ‧ 2018-10-27

2 Like 0 留言 5251 瀏覽

鐵人賽 Modern Web DAY 12

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

技術 Day12 - 貪吃蛇篇：蛇的原理及資料結構規劃

事前聲明在挑戰鐵人賽之前，其實我也完全沒有想過貪吃蛇要怎麼做，所以為了做這次的貪吃蛇遊戲，我找了一些資料。其中對我幫助很大的是墨雨設計吳哲宇老師在 hahow...

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

5 Like 0 留言 4389 瀏覽

鐵人賽 Modern Web DAY 22

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

技術 [筆記][React]來做個作品吧！待辦事項「todolist」篇(2)-製作組件初階篇

Hi啊！因為昨天雄心壯志下了決心要完成作品，今天也只能繼續做下去了XD，就從昨天的進度step1開始吧！ㄛ對了，這時間點看到我還滿神奇的對吧XD，因為小弟我明...

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

4 Like 0 留言 4524 瀏覽

鐵人賽 Modern Web DAY 21

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

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

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

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

1 Like 0 留言 10661 瀏覽

鐵人賽 Modern Web DAY 11

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

技術 Day11 - 貪吃蛇篇：前言及功能構想

前言談到經典小遊戲，除了圈圈叉叉遊戲之外，還有一個家喻戶曉的遊戲，就是貪吃蛇，雖然現在智慧型手機和各種遊戲機的遊戲越做越華麗，越來越炫砲，但是經典的遊戲終究還...

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

0 Like 0 留言 1263 瀏覽

鐵人賽自我挑戰組 DAY 20

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

技術【DAY 20】redux你就到這裡吧，讓我們邁向下個階段

【前言】　　這篇會是redux的複習索引，下篇開始就是react-router囉！【正文】　　一開始我們先介紹了redux的概念，也強調它可以單獨使用，不是一定...

Hyora ‧ 2018-10-26

0 Like 0 留言 1515 瀏覽

鐵人賽自我挑戰組 DAY 19

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

技術【DAY 19】redux的那些兩三事

【前文】　　廢話不多說，直接進正文。【正文】　　一般來說，以往用redux所做的action、reducer、store，在程式傳遞的時候都是同步執行的，也就是...

Hyora ‧ 2018-10-25

1 Like 0 留言 2329 瀏覽

鐵人賽 Modern Web DAY 10

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

技術 Day10 - Tic Tac Toe篇：Single Play機制

Single Play機制昨天完成判斷勝負功能之後，我們剩下最後一個功能，就是讓玩家可以跟電腦對弈，回憶一下 Day03 的時候，我們有設計一個 isSing...

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

4 Like 0 留言 15400 瀏覽

鐵人賽 Modern Web DAY 20

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

技術 [筆記][React]React網頁好朋友Router(4)-搞懂Route的component、render和children

Hi！大家好啊！想不到又重回最初的Route篇了吧！不過其實一開始也根本沒有說到他過XD，連他的小跟班match都提過了，就是沒有好好解釋過Route這個組件，...

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

0 Like 0 留言 3926 瀏覽

鐵人賽自我挑戰組 DAY 18

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

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

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

Hyora ‧ 2018-10-24

5 Like 1 留言 25984 瀏覽

鐵人賽 Modern Web DAY 19

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

技術 [筆記][React]React網頁好朋友Router(3)-Switch和轉址王Redirect

Hi啊大家好！這幾天我一直在想該怎麼打出一篇好文章（雖然鐵人賽都過一半了XD），但這也是鐵人賽一路走來才會思考到的事情吧？在一天一篇文章持續30天的過程中，該怎...

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

1 Like 0 留言 3118 瀏覽

鐵人賽 Modern Web DAY 9

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

技術 Day09 - Tic Tac Toe篇：勝負判斷方法(2/2)

勝負判斷分析昨天完成了 row 方向和 column 方向的勝負判斷，今天我們要來完成右斜和左斜方向的勝負判斷，我這邊先把這兩個方向命名為 forwardSl...

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

0 Like 0 留言 1494 瀏覽

鐵人賽自我挑戰組 DAY 17

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

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

【前言】　　最近工作不順到覺得很挫折、壓力也很大，我覺得Redux跟我不是好朋友了。這不是我想的這樣啊（哭，繼續加油對自己打氣吧！【正文】　　昨天把conta...

Hyora ‧ 2018-10-23

6 Like 1 留言 9083 瀏覽

鐵人賽 Modern Web DAY 18

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

技術 [筆記][React]React網頁好朋友Router(2)-掌握match是成功的一半

Hi，大家好，昨天介紹了一些關於Router的基本用法，也解決了在實作時遇到的一些問題，不過在都已經解決掉的現在就讓我們繼續學習吧！ match 在Router...

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

1 Like 0 留言 6151 瀏覽

鐵人賽 Modern Web DAY 8

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

技術 Day08 - Tic Tac Toe篇：勝負判斷方法(1/2)

勝負判斷分析窮舉法在 3x3 的圈圈叉叉遊戲中，獲勝的組合只有 8 種，以上圖為例，每個格子裡面的數字代表 block id，我們窮舉出所有獲勝連線： /...

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

0 Like 0 留言 2340 瀏覽

鐵人賽自我挑戰組 DAY 16

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

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

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

Hyora ‧ 2018-10-22

4 Like 0 留言 15515 瀏覽

鐵人賽 Modern Web DAY 17

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

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

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

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

2 Like 0 留言 2496 瀏覽

鐵人賽 Modern Web DAY 7

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

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

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

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

0 Like 0 留言 2595 瀏覽

鐵人賽自我挑戰組 DAY 15

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

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

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

Hyora ‧ 2018-10-21

7 Like 2 留言 16700 瀏覽

鐵人賽 Modern Web DAY 16

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

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

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

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

5 Like 1 留言 3824 瀏覽

鐵人賽 Modern Web DAY 15

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

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

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

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

0 Like 0 留言 1835 瀏覽

鐵人賽自我挑戰組 DAY 14

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

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

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

Hyora ‧ 2018-10-20

0 Like 0 留言 2320 瀏覽

鐵人賽自我挑戰組 DAY 13

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

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

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

Hyora ‧ 2018-10-19

3 Like 0 留言 4564 瀏覽

鐵人賽 Modern Web DAY 14

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

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

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

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

1 Like 0 留言 1736 瀏覽

鐵人賽自我挑戰組 DAY 12

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

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

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

Hyora ‧ 2018-10-18

5 Like 1 留言 5008 瀏覽

鐵人賽 Modern Web DAY 13

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

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

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

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

0 Like 0 留言 2063 瀏覽

鐵人賽自我挑戰組 DAY 11

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

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

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

Hyora ‧ 2018-10-17

5 Like 1 留言 4832 瀏覽

鐵人賽 Modern Web DAY 12

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

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

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

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