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

1 Like 0 留言 1047 瀏覽

鐵人賽自我挑戰組 DAY 21

Some thing with Reason 系列第 21 篇

技術 ReasonReact-RenderAndJSX

Render render 是一個 function 需要回傳的是一個 ReasonReact.reactElement 之類的會有一個參數 self...

TomasLin ‧ 2018-11-05

2 Like 0 留言 3188 瀏覽

鐵人賽 Modern Web DAY 21

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

技術 Day21 - 記憶方塊篇：前言及功能構想

前言終於到了這次鐵人賽最後一個遊戲，經歷一番東挑西選及天人交戰之後，最後選定了這個遊戲，記憶方塊(Memory Blocks)。這個遊戲也是很經典的童年回憶...

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

1 Like 2 留言 2106 瀏覽

鐵人賽自我挑戰組 DAY 30

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

技術【DAY 30】鐵人練成！完賽心得！很累、很好玩。

「不然我也來參加這次的鐵人賽好了。」　　就是上面一句無心的話就開啟我這三十天的鐵人歷程，說實在的，如果不是去年有老師分享過IT邦鐵人賽的文章，我想我應該從來不...

Hyora ‧ 2018-11-05

0 Like 0 留言 1765 瀏覽

鐵人賽自我挑戰組 DAY 29

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

技術【DAY 29】react-router，很高興認識你！

【正文】　　倒數第二篇......【前言】　　按照以往，react-router的部分也在上一篇結束得差不多了，當然還有許多地方可以探討的，但我們就以比較常見的...

Hyora ‧ 2018-11-04

6 Like 8 留言 3735 瀏覽

鐵人賽 Modern Web DAY 30

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

技術 [筆記][React]來做個作品吧！待辦事項「todolist」篇(10)-剩下兩個頁面完全不是問題，還有最後的完賽感言

終終終於來到了每天朝思暮想的第三十天了，ㄛ天吶，這一路走來真的很漫長，不過每次回頭看看都會有覺得什麼時候發那麼多篇去了！的感覺XD，在打這段話的時候我覺得還滿適...

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

0 Like 0 留言 1140 瀏覽

鐵人賽自我挑戰組 DAY 20

Some thing with Reason 系列第 20 篇

技術 ReasonReact-Component

Component Creation ReasonReact 不需要　class 來建立 Component 提供一個建立的 API 會回傳一個 record...

TomasLin ‧ 2018-11-04

4 Like 2 留言 4097 瀏覽

鐵人賽 Modern Web DAY 20

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

技術 Day20 - 貪吃蛇篇：虛擬方向鍵及暫停遊戲

前情提要及動機在 Day11 的功能構想中我們有提到，雖然到昨天 Day19 整個貪吃蛇遊戲已經很完整了，但是有一點美中不足的地方，就是透過手機開啟這個遊戲的...

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

0 Like 0 留言 1313 瀏覽

鐵人賽自我挑戰組 DAY 19

Some thing with Reason 系列第 19 篇

技術 ReasonReact-Helloworld

Install 這部分和 Reason 一樣只是提供了一個 react theme $ npm install -g bs-platform $ bs...

TomasLin ‧ 2018-11-03

5 Like 0 留言 2705 瀏覽

鐵人賽 Modern Web DAY 29

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

技術 [筆記][React]來做個作品吧！待辦事項「todolist」篇(9)-把資料做排序吧

Hi！大家好！昨天寫完那篇的時候，心情輕鬆了不少XD，其實我真的很怕做不出來哎！不過還好還是搞定了，雖然完全放棄了排版，哈哈，那接下來剩下的就把資料排序和輸出而...

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

0 Like 0 留言 5851 瀏覽

鐵人賽自我挑戰組 DAY 28

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

技術【DAY 28】用react-loadable與react-router做code splitting吧

【前言】　　第28天了.......【正文】　　雖著專案越來越大，我們要撰寫的js檔也越來越多，但最後我們都會在App.js(或是Root.js)去import...

Hyora ‧ 2018-11-03

2 Like 0 留言 4838 瀏覽

鐵人賽 Modern Web DAY 19

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

技術 Day19 - 貪吃蛇篇：重新開始按鈕

昨天 Day18 我們已經準備好 isGameStart 參數來幫助我們做今天的重新開始按鈕。首先，我們需要先來製作一個按鈕，這個按鈕我想要直接蓋在遊戲地圖的正...

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

2 Like 0 留言 3020 瀏覽

鐵人賽 Modern Web DAY 18

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

技術 Day18 - 貪吃蛇篇：吃到自己會死

前情提要昨天 Day17 我們已經讓食物可以隨機產生，食物還會炫砲的發光，蛇也可以順利吃到食物，而且吃到之後身體會變長，速度會變快。但是讓蛇這樣一直吃下去，...

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

5 Like 0 留言 2690 瀏覽

鐵人賽 Modern Web DAY 28

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

技術 [筆記][React]來做個作品吧！待辦事項「todolist」篇(8)-人生不能重來，但資料可以修改

嗨囉！大家好！最後三天最難熬！昨天已經能夠展開我們的編輯區了，今天來把編輯資料的部分做完吧！那一開始先來做Redux的部分吧！要處理的事情有以下幾點，讓我們...

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

0 Like 0 留言 5424 瀏覽

鐵人賽自我挑戰組 DAY 27

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

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

【前言】　　終於要來到倒數幾篇了！！！有沒有對於這些更熟悉了呢？希望有幫到大家！【正文】　　今天來介紹<Redirect>吧！ <Redire...

Hyora ‧ 2018-11-02

0 Like 0 留言 7465 瀏覽

鐵人賽自我挑戰組 DAY 26

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

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

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

Hyora ‧ 2018-11-01

5 Like 0 留言 2465 瀏覽

鐵人賽 Modern Web DAY 27

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

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

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

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

4 Like 0 留言 3093 瀏覽

鐵人賽 Modern Web DAY 17

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

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

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

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

0 Like 1 留言 2532 瀏覽

鐵人賽自我挑戰組 DAY 25

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

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

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

Hyora ‧ 2018-10-31

7 Like 1 留言 3534 瀏覽

鐵人賽 Modern Web DAY 26

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

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

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

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

1 Like 0 留言 3792 瀏覽

鐵人賽 Modern Web DAY 16

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

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

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

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

0 Like 0 留言 2767 瀏覽

鐵人賽 Software Development DAY 30

Emacs 來寫程式系列第 30 篇

技術 [Emacs-30] 用 Emacs 寫 React

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

洋蔥 ‧ 2018-10-31

0 Like 0 留言 2790 瀏覽

鐵人賽自我挑戰組 DAY 24

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

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

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

Hyora ‧ 2018-10-30

2 Like 0 留言 4001 瀏覽

鐵人賽 Modern Web DAY 15

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

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

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

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

3 Like 0 留言 2457 瀏覽

鐵人賽 Modern Web DAY 25

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

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

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

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

0 Like 0 留言 3503 瀏覽

鐵人賽自我挑戰組 DAY 23

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

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

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

Hyora ‧ 2018-10-29

5 Like 0 留言 2736 瀏覽

鐵人賽 Modern Web DAY 24

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

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

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

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

3 Like 1 留言 3867 瀏覽

鐵人賽 Modern Web DAY 14

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

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

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

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

2 Like 0 留言 4721 瀏覽

鐵人賽自我挑戰組 DAY 15

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

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

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

Wen Chien ‧ 2018-10-29

0 Like 0 留言 3636 瀏覽

鐵人賽自我挑戰組 DAY 22

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

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

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

Hyora ‧ 2018-10-28

5 Like 2 留言 3961 瀏覽

鐵人賽 Modern Web DAY 23

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

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

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

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