iT邦幫忙

鐵人檔案

2014 iT 邦幫忙鐵人賽
回列表

Reactjs 30 天邊做邊學系列 系列

這是一系列學習過程的筆記,透過 React 官方教學文件逐步練習與實做,希望能在 30 天內徹底玩過一遍 Reactjs 的功能同時建立起使用 Reactjs 的開發基礎。

鐵人鍊成 | 共 30 篇文章 | 25 人訂閱 訂閱系列文 RSS系列文
DAY 11

Reactjs Day 11 - 可重複使用的元件

重複利用元件 這裡的設計界面,指的是打破現有的設計元素(button, form, fields 等)組合出定義良好可重複使用的元件。這樣一來下次你需要建置一樣...

2014-09-26 ‧ 由 andyyu0920 分享
DAY 12

Reactjs Day 12 - 關於表單(Form)部分

表單 表單元件像是 <input>,<textarea> 和 <option> 和其他元件有些不同,因為他們可以被使用者操作...

2014-09-27 ‧ 由 andyyu0920 分享
DAY 13

Reactjs Day 13 - 與瀏覽器之間的運作

與瀏覽器之間的運作 React 針對瀏覽器提供了十分強大的抽象化概念,讓你在大部份的情況下不必再直接操作 DOM ,不過有些時候或許還是需要單純的存取底層的 A...

2014-09-28 ‧ 由 andyyu0920 分享
DAY 14

Reactjs Day 14 - 使用 Refs

關於 Refs 當你透過 render() 回傳你的 UI 結構之後,你可能想要從外部調用這個元件實例的方法。通常情況下為了取得一些元件或計算後資料你可能這樣做...

2014-09-29 ‧ 由 andyyu0920 分享
DAY 15

Reactjs Day 15 - 工具整合

工具整合 一般來說,每一個專案使用不同的建置方式,系統環境,以及部署方式。React 試著盡可能的讓一切與系統環境沒有任何相依性。 意味著官方盡可能讓所有平台都...

2014-09-30 ‧ 由 andyyu0920 分享
DAY 16

Reactjs Day 16 - Addons 附加組件

附加組件(Add-ons) 官方會把一些實用的共用工具放置在 React.addons。這些工具應該暫時被視為還在實驗階段,但最後官方應該會將其整合進核心功能或...

2014-10-01 ‧ 由 andyyu0920 分享
DAY 17

Reactjs Day 17 - 處理元件的動畫效果

動畫 React 提供了一個 ReactTransitionGroup 的組件元件來作為一個底層的動畫 API,以及另一個 ReactCSSTransition...

2014-10-02 ‧ 由 andyyu0920 分享
DAY 18

Reactjs Day 18 - React 也有 Two-way Binding

雙向繫結(Two-way binding)輔助函式 React 可以搭配 ReactLink 是一種實作雙向資料繫結較簡單的方式。 注意: 如果您剛開始使用這...

2014-10-03 ‧ 由 andyyu0920 分享
DAY 19

Reactjs Day 19 - 處理 CSS 樣式

操作樣式名稱(Class) classSet() 是一個協助您快速操作 DOM 裏 class 字串的工具。 這裡有一些常見的情況,當沒有使用 classSet...

2014-10-04 ‧ 由 andyyu0920 分享
DAY 20

Reactjs Day 20 - 單元測試

單元測試 React.addons.TestUtils 讓您可以在您的測試框架中更簡單的測試您的元件(官方使用 Jest)。 簡單的來說它是一系列輔助的方法以協...

2014-10-05 ‧ 由 andyyu0920 分享