好的
這麼多天下來
每天的學習筆記
說實話可以拿來說明的概念還是非常非常多
一個新技術的出現
帶來的不只是單一面向的突破
更多的是許多配套措施或新函式庫的誕生
然而
本人是屬於實踐派的學習型式
所以比起持續探討其他分枝
我決定要做一個和前面的範例相比較大的實際操作
為我的學習做一個30天的里程碑
所以
今天要來做實作方向的設定和網頁的規劃
邁步進入真正的激戰回合！

規劃及設定

主題：
小小遊戲大大練習
昨天玩了一個有趣的小小心理測驗
發現原來我的右腦 只有5歲
頓時覺得
「測驗結果還滿準的呢！」
5歲能夠幹嘛？
我想也就只有玩跟睡囉～？
所以我就來寫個自己可以玩的網頁小東西囉～
其實就是想寫遊戲幹嘛扯這麼多

方向：
為了要發揮 React 的長處
我決定要結合資料流與 React 的前端技術
為此
我會以

1. 使用資料流的模式處理互動事件
2. React 產生所有網頁元素
3. 透過 Router 來切換網頁呈現項目
   三大目標作為方向去實作東西
   至於內容就敬請期待啦
   作為暴風雨前的寧靜
   下面來整理一下我的成就清單吧！

成就清單

• 最終不得超過一個 html
• 擁有繼承型組件和函式型組件至少各一個
• 一個組件渲染另一個組件
• 傳遞 props 達成目的
• 使用到一次以上的合成概念
• 具有一個 Router 切換畫面
• 可以做的事叫做 Action
• 全都變得美美的 - style
• 至少使用一個 lifecycle 函式
• 至少使用一個 組件 API
• 至少使用一個 表單元素

成就清單不只可以讓自己回顧學習過的東西
並檢查是不是有練習到這些概念
更可以在核對成就是否達成的時候
確認自己的理解是否正確

接下來的時間我會拿來做這件事
並且將其過程記錄下來
不管是寫成功或者是不成功
或者碰到什麼神奇的錯誤
都會在接下來的幾天呈現出來
期許自己能夠完成這些目標
為自己的學習立一個小小里程碑碑

參考資料

1. tutorialspoint-ReactJS Tutorial
2. React 官方文件

>>> 隊友任意門 <<<

• Eva Vue.js 30天隨身包
• Ben那些年，我們一起錯過的Javascript
• Ray激戰ReactJS 30天

Day22 end
by 瑞Ray ( • ̀ω•́ )