iT邦幫忙

鐵人檔案

2018 iT 邦幫忙鐵人賽
回列表
Modern Web

React.js & Laravel 30天訓練 系列

這是一個手頭正在執行的專案,原本的架構主要是ASP.net MVC + AngularJs,因為團隊需求現在要將他轉成 PHP Laravel + React.js,希望可以在這30天當中,將基礎架構及實際的幾個案例分享出來!

參賽天數 30 天 | 共 30 篇文章 | 15 人訂閱 訂閱系列文 RSS系列文 團隊2018 新年快樂
DAY 21

【Day 21】Semantic UI Table List Finish

就在剛剛已經把我們整個頁面完成囉 好的 再來就說一些細節部分了首先是 container.MyBoxPage (state) => ({ IsLo...

2018-01-08 ‧ 由 gary_lin 分享
DAY 22

【Day 22】Semantic UI Table List Transition Control

我們的MyBox 包含了多個討論組的主題當然 提供一個可以開關列表的功能是需要的但是 這個是 array.map 出來的列表 控制開關的參數不會只有一個 所以...

2018-01-09 ‧ 由 gary_lin 分享
DAY 23

【Day 23】Implement Other Similar Table List

現在正在寫後端 主要是幾個雷同 MyBox List 的主題列表 但又不是完全一樣 OK 那我們開始來看另外一個 資料列表 收藏匣顧名思義 他就是我們按下星星之...

2018-01-10 ‧ 由 gary_lin 分享
DAY 24

【Day 24】How & Why Use Semantic UI Responsive

OK 原本我們使用 Semantic Ui 的 Reponsive 只是想要對應 過小的螢幕設備下 什麼東西就不要顯示了 結果我們發現 有一個地方你會更需要他....

2018-01-11 ‧ 由 gary_lin 分享
DAY 25

【Day 25】The ListTitle and ReplyCount of ListModules

最後 我們來看 列表組成剩下的幾個元件 包含我們如何 render Tag1 + Tag2 + title + createdTimeString 作為 Lis...

2018-01-12 ‧ 由 gary_lin 分享
DAY 28

【Day 28】How to embed component in Semantic Ui Tab and Trigger it render

空白了幾天 今天完成了一個項目 就是我們有一個頁面連結底下 會區分出三個副頁面因此我們要用 Semantic Ui Tab 來做區分 OK 那就開始囉 <...

2018-01-15 ‧ 由 gary_lin 分享
DAY 30

【Day 30】Lazy Scroll Loading With Map Operation

最後一天了 不能夠用待補帶過 硬是要把功能完成寫出來 今天我們要寫的就是 Lazy Scroll Loading 的功能 首先 我們要先安裝一個套件 redux...

2018-01-17 ‧ 由 gary_lin 分享