iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
自我挑戰組

react.js 的學習筆記 (沒在用硬要學 系列

第一次參加鐵人
可能無法完成全部挑戰
有一種愈看愈不懂的感覺,基礎?應用?

對react 一直都只是會使用看得懂,希望透過這次鐵人讓我更了解它
此篇會寫我學習react過程筆記。

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

day 1 react開始的第一步

前言:再決定要寫react時,其實對這框架的認識,僅在會修改維護,工作沒用到也沒用它來開發過,也因此覺得它不好用太複雜,VUE的很多地方都比它方便,但是在查很多...

2020-09-01 ‧ 由 咖咖拉 分享
DAY 2

day 2 安裝環境 初接觸JSX

首先打開vscode OR cmd都可以 直接在你想放專案的資料夾打 npx create-react-app my-app *要先安裝node.js 安...

2020-09-02 ‧ 由 咖咖拉 分享
DAY 3

day 3 Jsx 深入研究

以最簡單的例子來說 class HelloMessage extends React.Component { render() { return (...

2020-09-03 ‧ 由 咖咖拉 分享
DAY 4

day 4 認識Virtual DOM 虛擬DOM效能說明

接觸一段時間會發現官網的手冊上一直出現這個字Virtual DOM,這是甚麼有甚麼好處? 做一個實例就能知道虛擬DOM的好處 直接在index.js 裡面打 i...

2020-09-04 ‧ 由 咖咖拉 分享
DAY 5

day 5 寫第一個組件

前面都是用Create React App預設的寫法來做示範,要進入組件前先改一下寫法 將原本App.JS 裡面的語法 import React from 'r...

2020-09-05 ‧ 由 咖咖拉 分享
DAY 6

day 6 組件應用及props 說明

props是react裡面很重要的參數,但使用起來就是變數,JSX裡的變數 官方文件寫 function Welcome(props) { return &...

2020-09-06 ‧ 由 咖咖拉 分享
DAY 7

day 7 props設定預設值

如標題所說,在很多情況下,props裡面的參數都會有空值的問題,而props如果沒特別去設定的話,他回傳的值就是空值,這時候就會有需求,會需要設定預設值。 以前...

2020-09-07 ‧ 由 咖咖拉 分享
DAY 8

day 8 事件與state的說明(組件狀態)

基本事件 先再創建一個App2.js 裡面程式碼打 import React, { Component } from 'react' export defau...

2020-09-08 ‧ 由 咖咖拉 分享
DAY 9

day 9 其他bind() 的使用方式

以下列為例,.bind(),它是用來傳值給goClick() import React, { Component } from 'react' export...

2020-09-09 ‧ 由 咖咖拉 分享
DAY 10

day 10 react Hooks 使用

在Hooks出來以後其實state似乎可以不用學,hooks完全取代了,但還是學一下他的原理,這樣比較好記 原本寫法 import React, { Compo...

2020-09-10 ‧ 由 咖咖拉 分享