https://github.com/kroro1208/redux-typescript-shop_cart
Redux ToolkitをTypeScriptで実装しShopping Cartを開発。createSlicerを使用したModalの実装からショッピングカート機能の実装まで。
https://github.com/kroro1208/redux-typescript-shop_cart
react redux reduxtoolkit typescript vite
Last synced: about 1 month ago
JSON representation
Redux ToolkitをTypeScriptで実装しShopping Cartを開発。createSlicerを使用したModalの実装からショッピングカート機能の実装まで。
- Host: GitHub
- URL: https://github.com/kroro1208/redux-typescript-shop_cart
- Owner: Kroro1208
- Created: 2024-06-02T22:38:01.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-06-03T13:15:37.000Z (about 2 years ago)
- Last Synced: 2025-08-11T06:35:39.740Z (10 months ago)
- Topics: react, redux, reduxtoolkit, typescript, vite
- Language: TypeScript
- Homepage:
- Size: 5.34 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React + TypeScript + Vite
## プロジェクト作成コマンド
```
npm create vite@latest my-app --template react-ts
cd my-app
```
## ライブラリインストール
```
npm install @reduxjs/toolkit react-redux tailwindcss postcss autoprefixer
npx tailwindcss init -p
```
## Tailwind CSSの設定
tailwind.configに以下追記
```
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
"./index.html",
"./src/**/*.{js,ts,jsx,tsx}",
],
theme: {
extend: {},
},
plugins: [],
}
```
index.cssを以下に変更
```
@tailwind base;
@tailwind components;
@tailwind utilities;
```
## Redux + TypeScriptの設定
https://redux.js.org/usage/usage-with-typescript