iT邦幫忙

鐵人檔案

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

激戰 ReactJS 30天 系列

因緣際會接觸到ReactJS,但是鑽研的時間不夠長,實在沒辦法習得精隨。
所以就趁這個機會花時間去重新認識一下啦~

鐵人鍊成 | 共 31 篇文章 | 83 人訂閱 訂閱系列文 RSS系列文 團隊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 ‧ 由 洪啟瑞 分享