iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

React應用記錄誌 系列

去年第一次參加鐵人賽,主題是「從零開始學習React」,因為只想完成30天不間斷發文,所以內容很簡短,今年再度挑戰React,記錄React的一些應用實作筆記。

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

Day 11 實作練習 Redux

Index.js import React from 'react'; import ReactDOM from 'react-dom/client'; im...

2022-09-26 ‧ 由 maline77 分享
DAY 12

Day12 實作練習Axios

App.js import React from 'react' import Part from './component/Part' const App...

2022-09-27 ‧ 由 maline77 分享
DAY 13

Day13 Redux Dev Tools

Redux-Devtools 提供了 Redux 應用程序的調試平台,可以方便檢查每個狀態和操作負載,以下介紹如何安裝使用。 安裝: 在chrome web...

2022-09-28 ‧ 由 maline77 分享
DAY 14

Day14 Redux Toolkit介紹

Redux Toolkit是為了解決Redux關於需要太多重複相同模式的樣板代碼和複雜的store configure等等缺點,以更簡單的方式實現Redux作為...

2022-09-29 ‧ 由 maline77 分享
DAY 15

Day15實作練習 用Redux Toolkit做學習筆記列表

1.configureStore store.js import {configureStore} from "@reduxjs/toolkit&q...

2022-09-30 ‧ 由 maline77 分享
DAY 16

Day16 實作練習-2 音樂列表

configureStore store.js import {configureStore} from "@reduxjs/toolkit&q...

2022-10-01 ‧ 由 maline77 分享
DAY 17

Day17 Tailwind CSS安裝與設定(for HTML)

Tailwind CSS 是一套 Utility-First CSS,相當具有彈性,非常適合快速刻板。Tailwind CSS 的工作原理是掃描您的所有 HTM...

2022-10-02 ‧ 由 maline77 分享
DAY 18

Day18 Tailwind 定義樣式 VScode Extensions

使用Tailwind CSS設置頁面樣式,建議可安裝VSCode擴充套件,讓你在編碼更加快速容易。 Live Server 當網頁內容儲存後可即時反應在瀏覽器的...

2022-10-03 ‧ 由 maline77 分享
DAY 19

Day19 Tailwind CSS 實作練習

<html lang="en"> <head> <meta charset="UTF-8&...

2022-10-04 ‧ 由 maline77 分享
DAY 20

Day20 React Toggle-Menu Using Tailwind CSS(安裝+實作)

安裝Tailwind CSS 連結網址:https://tailwindcss.com/docs/guides/create-react-app 1.Creat...

2022-10-05 ‧ 由 maline77 分享