iT邦幫忙

鐵人檔案

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

激戰 ReactJS 30天 系列

鐵人鍊成 | 共 31 篇文章 | 67 人訂閱 訂閱系列文 團隊30天熱度
DAY 1

【Day 01】 前情提要

前言 ReactJS 是我在不久前接觸到較新的技術 當時用起來的心得 實在是似懂非懂又沒有足夠的時間透徹研究 導致對於基本概念機近全無 只有簡單的知道他是什麼...

2017-12-20 ‧ 由 洪啟瑞 分享
DAY 2

【Day 02】 什麼是 ReactJS ?

知己知彼才能百戰百勝 開始激戰之前要先探探敵情才是 所以 這篇主要是對 ReactJS 做基本的介紹 本篇為針對ReactJS的行前說明,程式碼的部分後面會另外...

2017-12-21 ‧ 由 洪啟瑞 分享
DAY 3

【Day03】 所需插件的介紹與安裝

React工具包 常常在做環境建置的工作的時候 我們都只有乖乖的跟著教學走 其實常常很好奇到底裝的都是些什麼然後能幹嘛 但始終都被龐大數量的指令搞得頭昏腦脹而沒...

2017-12-22 ‧ 由 洪啟瑞 分享
DAY 4

【Day04】 Hello World!

前一篇已經把所有需要事前安裝的東西們來歷用法都弄清楚了 所以本篇要把環境架起來並且運行範例程式碼 確認建置的環境是可以運行ReactJS的 環境建置 首先建立一...

2017-12-23 ‧ 由 洪啟瑞 分享
DAY 5

【Day05】 說人話 - JSX

在前篇為了測試環境 於是直接將程式碼拿來使用 在那些程式碼裡面 有個副檔名.jsx的東東 聽說是 React 一個非常好用的語法 那麼就用今天的筆記好好的來認識...

2017-12-24 ‧ 由 洪啟瑞 分享
DAY 6

【Day06】 網頁的小零件 - Components

Components 組件(Components)可以說是React中的精隨 在 React 的世界中 網頁上我們所能夠看見的所有東西 都可以是一個獨立的元件...

2017-12-25 ‧ 由 洪啟瑞 分享
DAY 7

【Day07】 你的狀態還好嗎 - State

State 在上一篇的最後 有稍微提到組件(components)是可以透過 state 攜帶狀態資料 state 是 constructor 中的一部分 換句...

2017-12-26 ‧ 由 洪啟瑞 分享
DAY 8

【Day08】 東西拿來 - Props

在上一篇的程式碼中 出現了this.props.XXX這種長相的東西 這一篇就要來仔細的看看 究竟這是什麼神奇的東東囉 Props props 的中文翻譯是道具...

2017-12-27 ‧ 由 洪啟瑞 分享
DAY 9

【Day09】 組件的一生 - Lifecycle

隨著生命的不同階段 需要做的事情都不相同 以上是廢話 不過 這道理在程式的世界也是一樣 Component 也有它的生命週期 這篇的目標就是要 了解組件的生命週...

2017-12-28 ‧ 由 洪啟瑞 分享
DAY 10

【Day10】 三個願望一次滿足 - 組件API

前面說明了組件的生命週期 那這篇就要來介紹常常會使用到的三個 Component API setState 呼叫setState可以更新組件的 state 並且...

2017-12-29 ‧ 由 洪啟瑞 分享