Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kitanoyoru/kitachat
https://github.com/kitanoyoru/kitachat
Last synced: 1 day ago
JSON representation
- Host: GitHub
- URL: https://github.com/kitanoyoru/kitachat
- Owner: kitanoyoru
- License: mit
- Created: 2022-09-25T20:16:44.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2022-09-25T20:18:05.000Z (over 2 years ago)
- Last Synced: 2023-03-06T20:10:49.819Z (almost 2 years ago)
- Language: TypeScript
- Size: 997 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Frontend code template in React
This template is to be used for frontend applications.
## Features
- State management + persistence with `valtio` and `PersistableStore`
- Around 13.32kb after brotli compression (this includes **everything**) 😱
- `preact` under the hood with `preact/compat` makes it compatible with virtually any `react` library but still makes it faster
- Full TypeScript support — no dangling types
- `vite` packager and devtools make building and development lightning fast
- `tailwind-css` built-in with type-safe class names
- GitHub Actions that lint and check the code on pull requests
- `prettier` and `eslint` configured, enabled and formatting your code on save
- List of recommended extensions for VSCode
- It is important to keep the bundle small, so a `stats.html` file is generated on `yarn build` to visually show you the bundle size## Local launch
1. Install dependencies with `yarn`
2. Run the server with `yarn start`## Available Scripts
- `yarn build` — builds the app for production to the `docs` folder
- `yarn lint` — checks if the code is linted and formatted
- `yarn start` — runs the app in the development mode
- `yarn generate-css-types` — generates the CSS types for `tailwind-css`
- `yarn update` — builds the code and pushes it to git remote