https://github.com/nyaomaru/react-vite-sample

React & Vite sandbox environment
https://github.com/nyaomaru/react-vite-sample

boilerplate-front-end react sample-code sandbox vite

Last synced: about 1 month ago
JSON representation

React & Vite sandbox environment

• Host: GitHub
• URL: https://github.com/nyaomaru/react-vite-sample
• Owner: nyaomaru
• Created: 2024-04-25T07:16:37.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-09-14T01:16:44.000Z (3 months ago)
• Last Synced: 2024-09-15T13:59:44.621Z (3 months ago)
• Topics: boilerplate-front-end, react, sample-code, sandbox, vite
• Language: TypeScript
• Homepage:
• Size: 1.59 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# react-vite-sample

Sandbox for below libraries with React & Vite

- `react-hook-form`

- `react-redux`

- `@tanstack/react-query`

- `@tanstack/react-router`

- `@mui/material`

- `@vanilla-extract/css`

- `@storybook/test-runner`

- `Biome`

- `@apollo/client`

- `pnpm`

## 🚀 Get started

### 🐋 Docker

If you can use docker, easy way to start.

```sh

docker compose up -d

```

Then, you can access to `http://localhost:5173/`.

### 😺 Pnpm

This project needs swagger api.

Firstly, you clone below repository and run below command.

```sh

git clone https://github.com/nyaomaru/react-vite-swagger

pnpm start

```

After run API server, you run below command.

```sh

pnpm dev

```

You need to login, But the ID & Password is OK anything (minimum 3 characters)

### GraphQL Sample

If you try to use GraphQL sample page that is `book`, you should run `graphql_sample` server.

```sh

git clone https://github.com/nyaomaru/graphql-sample

pnpm && pnpm start

```