iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
自我挑戰組

Be friend with JavaScript 系列

今年 3 月開始接觸程式語言,開始學習框架後深深體會打好基礎的重要!
想藉由這次鐵人賽重新複習 JavaScript ,這一系列為上完線上課程後整理的筆記,如有錯誤歡迎指正,我會非常感謝你 ><

鐵人鍊成 | 共 39 篇文章 | 12 人訂閱 訂閱系列文 RSS系列文

認識 React.js

有了前面 30 天的基礎之後,開始學 React 吧~React 打算寫開發環境jsxclass componentfunction componentstat...

2021-10-02 ‧ 由 Wen Ning 分享

React 運作原理 & JSX

React 運作原理 在原生的 JavaScript 裡,我們會操作 DOM 來修改網頁程式碼,但這麼做會很容易不小心改到不需要變動的地方,React 解決了這...

2021-10-03 ‧ 由 Wen Ning 分享

建立 React component

在開始寫 React 之前,先做這些設定會較方便~ 在 vscode 安裝 ES7 React/Redux/GraphQL/React-Native sni...

2021-10-04 ‧ 由 Wen Ning 分享

React - Props & State

React Component 只能透過資料狀態的改變來更新畫面,而 React 元件有兩種資料來源: 透過外部傳進來 component 的 Props 在...

2021-10-05 ‧ 由 Wen Ning 分享

React Hooks - useState

前一篇有提到在 function component 沒有 this,不能使用 this.state 及 this.setState(),這時候我們就需要使用...

2021-10-06 ‧ 由 Wen Ning 分享

React Hooks - useEffect

useEffect() 讓我們在 function component 內也可以實現 class function 中的生命週期componentDidMo...

2021-10-07 ‧ 由 Wen Ning 分享

React Hooks - useRef

在介紹 useRef 之前,先來介紹 ref。在 React 中如果我們想要獲取 DOM 或獲取某個 DOM 節點時,可以使用 ref,通常在幾個情況下使用:...

2021-10-08 ‧ 由 Wen Ning 分享

React Hooks - useContext

當我們要將父元素的資料傳遞到子元件的時候會使用 props,但假設有很多個 component,曾曾曾祖父元件要傳遞 props 給子元件的話,要把 props...

2021-10-09 ‧ 由 Wen Ning 分享

React Router

首先要安裝 react router dom: npm install react-router-dom再來要在專案中引入 module: import {...

2021-10-10 ‧ 由 Wen Ning 分享