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

0 Like 0 留言 2887 瀏覽

鐵人賽自我挑戰組 DAY 26

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

技術【DAY 26】React-router，其它很有用的組件（上）

【前言】　　倒數最後五篇～～一起加油吧！【正文】　　昨天講完Link，今天來講跟Link很常用到的其他組件八吧！ Switch：用來包Route與Redi...

Hyora ‧ 2018-11-01

4 Like 0 留言 935 瀏覽

鐵人賽 Modern Web DAY 17

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

技術 Day17 - 貪吃蛇篇：產生食物(上菜啦～～)

想一想，決定食物如何出現俗話說，吃飯皇帝大，如果不吃東西，貪吃蛇就長不大，也跑不快，所以今天我們要來製作貪吃蛇的另一個重頭戲，就是食物。首先，我們要來決定食...

Taiming ‧ 2018-11-01 ‧團隊開橋找井

5 Like 0 留言 1034 瀏覽

鐵人賽 Modern Web DAY 27

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

技術 [筆記][React]來做個作品吧！待辦事項「todolist」篇(7)-讓組件重用起來

嗨嗨！大家好啊！今天來輕鬆一點點（其實每天都不太難啦XD），昨天已經能將資料用迴圈寫進組件輸出到畫面上了！接下來我們來展開資料的編輯畫面！這篇會採組件重用的邏輯...

神Q超人 ‧ 2018-11-01 ‧團隊IT成長營

0 Like 0 留言 882 瀏覽

鐵人賽自我挑戰組 DAY 25

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

技術【DAY 25】react-router三劍客，Router、Route、Link（下）

【前言】　　今天一樣不多說廢話，直接進主題。【正文】　　今天來介紹Link吧！ Link就是提供我們導引到其他頁面的連結，會被render成<a&g...

Hyora ‧ 2018-10-31

7 Like 1 留言 1519 瀏覽

鐵人賽 Modern Web DAY 26

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

技術 [筆記][React]來做個作品吧！待辦事項「todolist」篇(6)-上吧！迴圈！

Hi！大家好啊！其實最後五篇的時候一直在作品中間鬼打牆XD，有時候想說這樣做，睡前又想說可以這樣做，起床改一改上班又想到另外一個作法，總之真的覺得第一次使用組件...

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

1 Like 0 留言 1482 瀏覽

鐵人賽 Modern Web DAY 16

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

技術 Day16 - 貪吃蛇篇：加入蛇的身體

昨天我們已經讓蛇的頭部可以動起來，並且可以接受方向鍵的操作來改變方向。接下來我們要讓這隻蛇有身體，讓他成為一條名符其實的蛇。前情提要在 Day12 - 貪吃...

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

0 Like 0 留言 1048 瀏覽

鐵人賽 Software Development DAY 30

Emacs 來寫程式系列第 30 篇

技術 [Emacs-30] 用 Emacs 寫 React

設定主要使用 rjsx-mode 是之前介紹 javascript 時使用的 js2-mode 的延伸，因此，除了語法支援 rjsx 外，其餘功能延續，請回...

洋蔥 ‧ 2018-10-31

0 Like 0 留言 1048 瀏覽

鐵人賽自我挑戰組 DAY 24

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

技術【DAY 24】react-router三劍客，Router、Route、Link（中）

【前言】　　最近壓力大、天氣變換大，我的皮膚又開始作怪了（暈，剩下最後七篇了！【正文】　　昨天介紹四種Router標籤，今天來介紹**Route**。 R...

Hyora ‧ 2018-10-30

2 Like 0 留言 1629 瀏覽

鐵人賽 Modern Web DAY 15

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

技術 Day15 - 貪吃蛇篇：讓蛇的頭動起來

有了地圖之後，我們就可以開始讓蛇在上面爬了，今天我們的目標是畫出蛇的頭，並且可以操控他在地圖上跑來跑去。新增蛇的物件首先我們先來新增一個蛇的物件 const...

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

3 Like 0 留言 1067 瀏覽

鐵人賽 Modern Web DAY 25

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

技術 [筆記][React]來做個作品吧！待辦事項「todolist」篇(5)-寫下新增資料的里程碑

嗨囉！大家好啊！就像上一期（還是上上一期？）最後說的，今天就要來處理新增資料啦！話說剛剛在準備進度時，都沒經過任何測試，一次執行就過，讓我非常驚訝，一直在試是不...

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

0 Like 0 留言 1002 瀏覽

鐵人賽自我挑戰組 DAY 23

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

技術【DAY 23】react-router三劍客，Router、Route、Link（上）

【前言】　　不怕我誤人子弟嗎QQ 【正文】　　昨天我們簡單的利用react-router模擬一個SPA的網頁，今天我們就來說說Router、Route、Li...

Hyora ‧ 2018-10-29

5 Like 0 留言 1401 瀏覽

鐵人賽 Modern Web DAY 24

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

技術 [筆記][React]來做個作品吧！待辦事項「todolist」篇(4)-Redux登板，建立store

昨天把新增的表單處理完了！今天要來處理Redux的部分，雖然年代久遠，不知道大家還記不記得，忘記的話就當作複習，來做一次吧！確認資料在要做新作業的時候，最...

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

3 Like 1 留言 1222 瀏覽

鐵人賽 Modern Web DAY 14

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

技術 Day14 - 貪吃蛇篇：畫出主畫面地圖

昨天 Day13 我們已經把畫面區塊規劃出來了，今天要來把主畫面地圖畫好。地圖畫面座標系我們需要一個 xy 軸的二維直角座標系，這邊我的做法是把地圖切成...

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

2 Like 0 留言 1970 瀏覽

鐵人賽自我挑戰組 DAY 15

學什麼就寫什麼，知道什麼就分享什麼系列第 15 篇

技術與工程師的協作之路-我與React前端工程師的協作模式

今天跟大家分享一套協作模式！目前，我負責的部分是UI與切版，可是前端要使用react技術。（當然，不是每間公司都是這樣的工作職責分配，切版有時候不一定是設計師...

Wen Chien ‧ 2018-10-29

0 Like 0 留言 1254 瀏覽

鐵人賽自我挑戰組 DAY 22

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

技術【DAY 22】react-router，實現單頁式網站的秘密

【前言】　　終於來到最後的react-router囉！再撐一下就可以把這三劍客都認識一遍了！【正文】　　我想大家應該都很常聽到什麼SPA、單頁式網站、Si...

Hyora ‧ 2018-10-28

5 Like 2 留言 1622 瀏覽

鐵人賽 Modern Web DAY 23

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

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

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

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

1 Like 0 留言 1349 瀏覽

鐵人賽 Modern Web DAY 13

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

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

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

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

0 Like 0 留言 502 瀏覽

鐵人賽自我挑戰組 DAY 21

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

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

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

Hyora ‧ 2018-10-27

2 Like 0 留言 1735 瀏覽

鐵人賽 Modern Web DAY 12

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

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

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

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

5 Like 0 留言 1644 瀏覽

鐵人賽 Modern Web DAY 22

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

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

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

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

1 Like 0 留言 4198 瀏覽

鐵人賽 Modern Web DAY 11

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

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

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

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

4 Like 0 留言 2280 瀏覽

鐵人賽 Modern Web DAY 21

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

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

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

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

0 Like 0 留言 523 瀏覽

鐵人賽自我挑戰組 DAY 20

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

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

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

Hyora ‧ 2018-10-26

0 Like 0 留言 623 瀏覽

鐵人賽自我挑戰組 DAY 19

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

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

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

Hyora ‧ 2018-10-25

1 Like 0 留言 786 瀏覽

鐵人賽 Modern Web DAY 10

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

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

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

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

4 Like 0 留言 7486 瀏覽

鐵人賽 Modern Web DAY 20

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

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

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

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

1 Like 0 留言 953 瀏覽

鐵人賽 Modern Web DAY 9

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

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

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

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

0 Like 0 留言 1805 瀏覽

鐵人賽自我挑戰組 DAY 18

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

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

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

Hyora ‧ 2018-10-24

3 Like 0 留言 10441 瀏覽

鐵人賽 Modern Web DAY 19

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

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

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

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

0 Like 0 留言 724 瀏覽

鐵人賽自我挑戰組 DAY 17

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

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

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

Hyora ‧ 2018-10-23

技術 【DAY 26】React-router，其它很有用的組件（上）