iT邦幫忙

鐵人檔案

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

React - DOM界的彼方 系列

React是近二年來最熱門的前端應用函式庫,由Facebook開放原始碼,目前在Github上已超過5萬個星。
希望能藉由參與鐵人賽,記錄自己在這一年內學習的心得,並推廣給台灣所有想要學習與使用的網友們。
內容將包含ES6的新特性、React以及Redux整體性的入門介紹。

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

Day 11: ES6篇: Module System(模組系統)

本章的目標是對模組系統(Module System)提供一些使用上的簡單說明。模組系統是一個重要的ES6特性,搭配目前的NPM相依性管理工具,可以說是目前Ja...

2016-12-11 ‧ 由 eyesofkids 分享
DAY 12

Day 12: ES6篇: Side Effects(副作用)與Pure Functions(純粹函式)

本章的目標是對Side Effect(副作用)與(Pure Functions)純粹函式的概念提供一些簡要的說明。Pure Functions(純粹函式)的概...

2016-12-12 ‧ 由 eyesofkids 分享
DAY 13

Day 13: ES6篇: Object Enhancement(物件的增強)

本章的目標是對ES6中的物件字面文字、以及物件中的方法,所提供的改進或增強部份,提供一些較為全面的說明。JavaScript本身就是一個完全的物件導向的程式語...

2016-12-13 ‧ 由 eyesofkids 分享
DAY 14

Day 14: React篇: 建置React開發環境

"本文章附有影片",在之前的"開發環境&開發工具",我們已經介紹過整個的環境的建置,從這裡開始,我們需要為因應...

2016-12-14 ‧ 由 eyesofkids 分享
DAY 15

Day 15: React篇: HelloWorld解說與JSX語法

"本文章附有影片"。本章的目標是提供上一章的HelloWorld應用的詳盡說明,JSX語法的基礎與元件的三種語法。不過在這之前,我要先說明...

2016-12-15 ‧ 由 eyesofkids 分享
DAY 16

Day 16: React篇: TextInput程式

"本文章附有影片"。這個程式最後的呈現結果,會是在網頁上出現一個文字輸入框,當你輸入文字時,下面的顯示區域會一併跟著顯示,就像下面的動態圖...

2016-12-16 ‧ 由 eyesofkids 分享
DAY 17

Day 17: React篇: TodoList程式

"本文章附有影片"。這個程式最後的呈現結果,會是在網頁上出現一個文字輸入框,當你輸入文字後按下Enter鍵,就會把文字加到下面的列表中,每...

2016-12-17 ‧ 由 eyesofkids 分享
DAY 18

Day 18: React篇: JSX語法指引

JSX語法是開發React的核心語法,前面的例子中都有用到,也有作一些簡單的解說,在進行下一章前,我們還需要更進一步理解這個語法。它是React自創的Reac...

2016-12-18 ‧ 由 eyesofkids 分享
DAY 19

Day19: React篇: TodoList程式 + 樣式(Style)

本章的目標是在React元件中的套用樣式(Style),而且可以因狀態改變的作樣式變化,從上一章的程式碼作這些修改都是很簡單的,在React中使用CSS的樣式...

2016-12-19 ‧ 由 eyesofkids 分享
DAY 20

Day 20: React篇: TodoList程式改造 => TodoApp

今天是鐵人賽的第20天,漫長的一個月旅程已經走完了3分之2,2017年只剩10多天就要到來。今天的主題是要來改造一下從前面一路學來的TodoList。為了專注...

2016-12-20 ‧ 由 eyesofkids 分享