今天這篇文章的東西或許跟體感復健扯不上邊,但是這是公司少有揪團參加分享類型的公開活動,所以還是要跟有在看我們部落格的觀眾分享一下。這是由技術長發起帶領技術相關的人,連續寫30天自己有興趣的主題,期間跨過聖誕節、跨年,對我們的心智上是很大的考驗,但參加過程挺有意思的,心境上的轉換大概是:
- 5天(我不知道要打什麼)
- 15天(好累喔 好想放棄喔)
- 20天(啊?打了20天了喔)
- 25天(我發現我打不完,還有好多要打)
- 30天(結束了好爽!!!)
一起參加這種活動真的滿好玩的。
好,進入正題
這系列文章,包含了Ruby on Rails, ReactJS, Redux。 至於為什麼想寫這系列,主要還是因為網路上很多文件都是分開設計,分開設計也沒錯其實,只是切得太開對rails 要傳遞的object不好處理。用官方推出的React-rails套件也可以,但是對asset precompile很不好施力。所以最後我選擇react_on_rails這個gem下去實作。
下面每天的文章標題都可以直接點進去看文章喔!!!
Ruby on rails
這系列文章裡,這個部分講了基礎的CRUD、Route、還有API設計。 主要是處理後端的MVC,跟Database溝通等等,讓前端reactJS跟Redux有東西可以吃。
踏入React
這個子系列,先介紹了我要用的gem react_on_rails,然後大略的講了ReactJS幾個重點,然後講了npm跟webpack這些前端的模組化工具,好讓我把前端的東西好好整理在一起。最後,做一個假的ToDo List — ReadingList,並規畫他的前後端架構
Day 7, React_on_rails gem 我後來還是放棄官方的了
Day 8, React_on_rails 先玩點範例 邊玩邊學
Day 9, React_on_rails Doc 的重點整理
Day 10, npm, webpack… 那些好用的工具寫一起
Day 12, React props and state 藏在component裡的變數
Day 13, React Lifecycle 不搞懂就掰了
Day 14, React components 各種寫Component的方法
Day 15, Reading List 假的todo list (切、分工)
Day 16, Reading List – Rails的部分
Day 17, Reading List – Rails部分-2
Day 18, Reading List – Rails部分-3
Day 19, Reading List – React部分-1
整進前端框架Redux
這邊就是介紹三個Redux主要的功能Store, Reducers, Action,並且解釋一下State要放哪裡的疑慮。最後再把前面Reading list的APP加入Redux,並且deploy上heroku。
Day 24, Redux Action / ActionCreator 根本是歸納法
Day 25, Redux Reducers – State管理大師
總結
很多的Gem確實都有包含一些Rails的東西在裡面,但仔細想想他又應該只屬於前端的東西。 我只是想把前後端完整分離,讓後端專門跟database溝通,然後透過API告訴前端他該得到的資訊。 把前端的東西就用NPM整理再一起,要minify、要分割,就用webpack的模組化套件去處理。 這樣做完以後,對我而言,確實要改的方向簡單很多,也比較好分工。
希望這系列的文章有幫到需要的人,至少打完以後讓我自己不清楚的地方更加明瞭,也很感動我能連續打完30天的鐵人賽。
在我的號召之下,公司其他兩位同事也一起參加鐵人賽,順便PO上他們的文章:
- 美術篇: http://ithelp.ithome.com.tw/users/20103836/ironman/1216
這次跟著公司參加了鐵人幫的連續三十天發文比賽,覺得好累,不過在參賽過後,繪圖的思緒比起之前清楚了許多,也發現到每天抽出一、兩個小時的時間做一件事雖然是困難,但只要有毅力其實是可以做得到,而且賽後也讓我更有自信可以去挑戰更困難的事情。
- 工程師篇:http://ithelp.ithome.com.tw/users/20103833/ironman/1205
這次鐵人幫跟著老頭 Paul Hegarty 30天收穫良多真的是一次Demo學到很多東西,但是還是太趕了,每個Lecture 結束後都有作業,但實在來不及,想必做完作業因該會有其他收穫,缺點是有些從Swift2到Swift3.0的語法不同要自行去查找,不過IOS10 Swift3的版本快上線了,總而言之感謝Paul Hegarty,感謝鐵人。每天每天寫雖然後面像寫日記,但還是有收穫的。