it鐵人賽技術分享

今天這篇文章的東西或許跟體感復健扯不上邊,但是這是公司少有揪團參加分享類型的公開活動,所以還是要跟有在看我們部落格的觀眾分享一下。這是由技術長發起帶領技術相關的人,連續寫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

這系列文章裡,這個部分講了基礎的CRUDRoute、還有API設計。 主要是處理後端的MVC,跟Database溝通等等,讓前端reactJS跟Redux有東西可以吃。

Day 2, Rails 開始

Day 3, MVC 跟 scaffold

Day 4, Controller的CRUD

Day 5, 最後的RR,Rails routing

踏入React

這個子系列,先介紹了我要用的gem react_on_rails,然後大略的講了ReactJS幾個重點,然後講了npm跟webpack這些前端的模組化工具,好讓我把前端的東西好好整理在一起。最後,做一個假的ToDo List — ReadingList,並規畫他的前後端架構

Day 6, 先寫下接下來的目錄!

Day 7, React_on_rails gem 我後來還是放棄官方的了

Day 8, React_on_rails 先玩點範例 邊玩邊學

Day 9, React_on_rails Doc 的重點整理

Day 10, npm, webpack… 那些好用的工具寫一起

Day 11, 兩個React_on_rails範例

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

Day 20, Reading List – React部分-2

Day 21, Reading List – React部分-3

整進前端框架Redux

這邊就是介紹三個Redux主要的功能Store, Reducers, Action,並且解釋一下State要放哪裡的疑慮。最後再把前面Reading list的APP加入Redux,並且deploy上heroku。

Day 22, Redux – 先理解一下

Day 23, Redux 一樣先玩範例!

Day 24, Redux Action / ActionCreator 根本是歸納法

Day 25, Redux Reducers – State管理大師

Day 26, Redux Store 中控室

Day 27, Example: Reading List

Day 28, State in Redux or React? 搞混了嗎~

Day 29, Deploy上heroku吧!

總結

很多的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,感謝鐵人。每天每天寫雖然後面像寫日記,但還是有收穫的。
廣告

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 / 變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 / 變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 / 變更 )

連結到 %s