https://github.com/wallycarvalho/react-vite-storybook8-airbnb-tailwind-starter

A React Vite Storybook 8 set up with Airbnb's Styleguide and Tailwind CSS.
https://github.com/wallycarvalho/react-vite-storybook8-airbnb-tailwind-starter

airbnb-eslint react starter-template storybook storybook8 tailwindcss vitejs

Last synced: about 9 hours ago
JSON representation

A React Vite Storybook 8 set up with Airbnb's Styleguide and Tailwind CSS.

• Host: GitHub
• URL: https://github.com/wallycarvalho/react-vite-storybook8-airbnb-tailwind-starter
• Owner: wallycarvalho
• Created: 2024-03-31T11:02:34.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-06-19T00:30:15.000Z (8 months ago)
• Last Synced: 2024-12-21T19:09:12.910Z (about 2 months ago)
• Topics: airbnb-eslint, react, starter-template, storybook, storybook8, tailwindcss, vitejs
• Language: TypeScript
• Homepage:
• Size: 513 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React + Vite + Tailwind + Storybook 8 + Airbnb Styleguide

This is a React Vite with latest Tailwind CSS project starter. My intention is to keep this project up-to-date on dependencies and latest practices (added over time) and emerging technologies, such as testing and accessibility.

In addition, it is being shipped with with Storybook V8 and leverages Airbnb Typescript styleguide with ESLint. 

# Yarn PnP and Typescript

This project uses the stable version of Yarn 2+. This means, this repo has `yarnrc.yml` but ignores everything else that is part of a Zero-install caching strategy. There are many advantages to use Zero installs but, since this is a starter, I've decided not apply here. If you decide to use this starter, I would recommend switching to Zero-installs given the benefits. [More on this topic here](https://yarnpkg.com/features/caching).

# Cloning this Repo

Simply use `degit` for simple scaffolding. 

Start by installing `degit` globally

With NPM

```shell

npm install -g degit

```

Or with Yarn

```shell

yarn add global degit

```

Then clone this repo and you're ready

```shell

degit wallycarvalho/react-vite-storybook8-airbnb-tailwind-starter

```