iT邦幫忙

鐵人檔案

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

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

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

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

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

day 21 Hook中的props(useContext - 3

上章說的問題,其實官方已經給解決方式 import React, {useContext} from 'react' const texts = { r1...

2020-09-21 ‧ 由 咖咖拉 分享
DAY 22

day 22 useRef 使用

官方範例 import React, {useEffect, useRef} from 'react' export default function App...

2020-09-22 ‧ 由 咖咖拉 分享
DAY 23

day 23 嘗試用目前學到的寫一個useHover

useHover 也就是滑鼠移入移出事件 直接寫範例 import React, { useRef, useState, useEffect } from 'r...

2020-09-23 ‧ 由 咖咖拉 分享
DAY 24

day 24 memo的應用

正常寫一個範例 import React, {useState} from 'react'; const Test1 = () => { cons...

2020-09-24 ‧ 由 咖咖拉 分享
DAY 25

day 25 useMemo 說明 與 組件傳值

useMemo 是一個提高網頁效能的HOOK它是利用js的緩存技術(Memoization)它跟useEffect一樣有2個參數 useMemo{()=>...

2020-09-25 ‧ 由 咖咖拉 分享
DAY 26

day 26 useCallback 說明與差異

useCallback 使用方式參數都與useMemo類似,也一樣使用JS緩存使用在控制組件更新 最大的不同,在於useCallback是函數可以直接以函數來執...

2020-09-26 ‧ 由 咖咖拉 分享
DAY 27

day 27 使用axios加tailwind 寫一個卡片組件

開始前需要先安裝axios npm install axios 使用tailwind,它非常的方便,很推薦使用,但要注意tailwind它的預設是沒有加前墜的...

2020-09-27 ‧ 由 咖咖拉 分享
DAY 28

day 28 React 路由 安裝設定(router

先安裝 npm install react-router-dom -s React 路由有2種 一種是這章要說的Router還有一種就是用NEXT Rout...

2020-09-28 ‧ 由 咖咖拉 分享
DAY 29

day 29 細說 React router

今天這章會細說router 的用法 使用Link 來定義超連結 可以自動幫你產生href的連結 import React from 'react'; impor...

2020-09-29 ‧ 由 咖咖拉 分享
DAY 30

day 30 最後 打包 放到空間上

寫好專案後直接 npm run build 在打包之前必須先在package.json 加上一行沒加的話會一直顯示空白頁面 "homepage&qu...

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