An open API service indexing awesome lists of open source software.

https://github.com/RoyRao2333/template-rsbuild-react-ts-tailwind

Rsbuild starter template with React + Typescript + TailwindCSS + Biome.
https://github.com/RoyRao2333/template-rsbuild-react-ts-tailwind

Last synced: about 2 months ago
JSON representation

Rsbuild starter template with React + Typescript + TailwindCSS + Biome.

Awesome Lists containing this project

README

          

My Happy SVG

template-rsbuild-react-ts-tailwind



## Introduction

A starter [Rsbuild](https://rsbuild.dev) template having:

- [React](https://react.dev)
- [TypeScript](https://www.typescriptlang.org)
- [Tailwind CSS](https://tailwindcss.com)
- [ESLint](https://eslint.org)
- [Prettier](https://prettier.io)

> [!IMPORTANT]
>
> The latest code of this template has upgraded React to 19+. If you need react@^18, please use [this version](https://github.com/RoyRao2333/template-rsbuild-react-ts-tailwind/releases/tag/release-2024.09.11).
>
> 该模板的最新代码中,已经将 React 的版本更新到了 19+。如果你需要 react@^18,请使用[这个版本](https://github.com/RoyRao2333/template-rsbuild-react-ts-tailwind/releases/tag/release-2024.09.11)。

> [!TIP]
>
> This code repository may occasionally update its dependency versions. If the dependency versions in the latest code do not meet your expectations, please go to [Tags](https://github.com/RoyRao2333/template-rsbuild-react-ts-tailwind/tags) section to download a previous version of this template. I will display the dependencies used in each Tag, please choose the one you need.
>
> 这个代码仓库可能会不定期更新其依赖包的版本。如果最新代码中依赖的版本不符合你的期望,请移步[Tags](https://github.com/RoyRao2333/template-rsbuild-react-ts-tailwind/tags)下载之前的模板。每个Tag中使用的依赖都会展示在Tag详情中,请选择你需要的版本。

## Usage

> [!TIP]
>
> The fastest way to use this template is to click the “Use this template” button on the top right of this repository. It will help you create a new repository quickly, and you can make any modifications to your own repository. If you still want to download this template separately, please continue reading.
>
> 使用该模板的最快方式,就是点击本仓库右上角的“使用该模板”按扭。这帮助你使用该模板迅速创建一个新的仓库,然后你可以对自己的仓库进行任何修改。如果你仍然希望单独下载此模板,可继续往下读。

If you need a copy of this repository. You can [download](https://github.com/RoyRao2333/template-rsbuild-react-ts-tailwind/archive/refs/heads/main.zip) a copy as zip but [tiged](https://github.com/tiged/tiged) is recommended.

After you installed tiged, please excute the following commands:

```sh
$ cd path-to-save-your-project
$ tiged royrao2333/template-rsbuild-react-ts-tailwind your-project-name
```

After getting a copy of this repository, you can use your package manager to install dependecies:

```sh
$ cd path-to-your-project
$ pnpm install

# npm install
# yarn install
```

Let's run!

```sh
$ pnpm run dev

# npm run dev
# yarn run dev
```

> We've already implemented some recommended configurations in `.eslintrc.cjs` and `prettier.config.mjs`. Feel free to edit them if you have your own preferences.

## Contributing

Feel free to dive in! [Open an issue](https://github.com/RoyRao2333/template-rsbuild-react-ts-tailwind/issues/new) or submit PRs.