Ecosyste.ms: Awesome

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

https://github.com/altmshfkgudtjr/varsarr

Vite + React + Axios + Styled-Components + Recoil + React-Query Boilerplate
https://github.com/altmshfkgudtjr/varsarr

axios boilerplate hacktoberfest react react-query recoil styled-components template vite

Last synced: about 1 month ago
JSON representation

Vite + React + Axios + Styled-Components + Recoil + React-Query Boilerplate

Lists

README

        

# ⚡️ Varsarr

[![CodeQL workflow](https://github.com/altmshfkgudtjr/varsarr/actions/workflows/codeql-analysis.yml/badge.svg)](https://github.com/wtchnm/Vitamin/actions/workflows/codeql-analysis.yml/badge.svg) [![Total alerts](https://img.shields.io/lgtm/alerts/g/altmshfkgudtjr/varsarr.svg?logo=lgtm&logoWidth=18)](https://lgtm.com/projects/g/altmshfkgudtjr/varsarr/alerts/) [![Language grade: JavaScript](https://img.shields.io/lgtm/grade/javascript/g/altmshfkgudtjr/varsarr.svg?logo=lgtm&logoWidth=18)](https://lgtm.com/projects/g/altmshfkgudtjr/varsarr/context:javascript) [![code style: prettier](https://camo.githubusercontent.com/48a41f43affa2e6253d6a48e0ee662ec53ce13c46442ac815e81d36b6e6b434d/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f636f64655f7374796c652d70726574746965722d6666363962342e737667)](https://github.com/prettier/prettier) [![license](https://camo.githubusercontent.com/45b4ffbd594af47fe09a3432f9f8e122c6518aa6352b4ce453a1a2563da2905c/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d677265656e2e737667)](https://github.com/wtchnm/Vitamin/blob/main/LICENSE)

Speedy Vite Boilerplate.

![Varsarr](https://user-images.githubusercontent.com/47492535/184534122-93699988-ff25-4ba4-8816-22bcc80324c8.png)

- [Vite](https://vitejs.dev)
- [React](https://reactjs.org)
- [Axios](https://axios-http.com)
- [Styled-Components](https://styled-components.com)
- [Recoil](https://recoiljs.org)
- [React-Query](https://tanstack.com/query/v4/?from=reactQueryV3&original=https://react-query-v3.tanstack.com)


## Features

- [Vite](https://vitejs.dev/) with [React](https://reactjs.org/), [TypeScript](https://www.typescriptlang.org/) and [absolute imports](https://github.com/aleclarson/vite-tsconfig-paths).
- Use [ESLint](https://eslint.org/) and [Prettier](https://prettier.io/) on VSCode.
- GitHub Actions for automatic [dependency updates(Renovate)](https://renovatebot.com/), [CodeQL Analysis](https://securitylab.github.com/tools/codeql).


## Getting Started

Use this repository as a [GitHub template](https://github.com/wtchnm/Vitamin/generate) or use [degit](https://github.com/Rich-Harris/degit) to clone to your machine with an empty git history:

```shell
npx degit altmshfkgudtjr/varsarr#main my-app
```

Then, install the dependencies:

```shell
npm install
```
or
```shell
yarn install
```


## Check List

- [ ] If you don't plan to use GitHub Actions, delete the `.github` folder.
- [ ] Change the `name` field in package.json.
- [ ] Modify or delete the `LICENSE` file.
- [ ] Change the title, description and theme color in the `index.html`.
- [ ] Change the options in the `vite.config.ts`, `tsconfig.ts` you want.
- [ ] If you want, Change the `React-Query` options in `src/components/providers`.
- [ ] Change the global styles in the `lib/GlobalStyles.ts`