Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nikitakoschelenko/vkma-template
π Π¨Π°Π±Π»ΠΎΠ½ Π΄Π»Ρ ΠΌΠΈΠ½ΠΈ-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ
https://github.com/nikitakoschelenko/vkma-template
react typescript vk-mini-apps vkma vkontakte vkui
Last synced: 3 months ago
JSON representation
π Π¨Π°Π±Π»ΠΎΠ½ Π΄Π»Ρ ΠΌΠΈΠ½ΠΈ-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ
- Host: GitHub
- URL: https://github.com/nikitakoschelenko/vkma-template
- Owner: nikitakoschelenko
- License: mit
- Archived: true
- Created: 2022-02-17T18:31:22.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2022-12-08T05:45:02.000Z (about 2 years ago)
- Last Synced: 2024-09-22T08:03:11.893Z (3 months ago)
- Topics: react, typescript, vk-mini-apps, vkma, vkontakte, vkui
- Language: TypeScript
- Homepage: https://vk.com/app8082788
- Size: 785 KB
- Stars: 24
- Watchers: 1
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
A JavaScript library for building user interfaces.
## ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅
π Π¨Π°Π±Π»ΠΎΠ½ Π΄Π»Ρ ΠΌΠΈΠ½ΠΈ-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ.- **βοΈ React 18**. ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ΠΊΠΎΠ½ΠΊΡΡΠ΅Π½ΡΠ½ΠΎΠ³ΠΎ ΡΠ΅Π½Π΄Π΅ΡΠΈΠ½Π³Π° ΠΈ Suspense.
- **β‘οΈ Vite**. ΠΡΡΡΡΡΠΉ ΠΈ ΠΎΠΏΡΠΈΠΌΠΈΠ·ΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠ±ΠΎΡΡΠΈΠΊ.
- **βοΈ Typescript**. Π‘ΡΡΠΎΠ³Π°Ρ ΡΠΈΠΏΠΈΠ·Π°ΡΠΈΡ.
- **π― CSS**. ΠΠΈΠΊΠ°ΠΊΠΈΡ CSS Modules Ρ ΡΠ°Π·Π΄ΡΠ²Π°Π½ΠΈΠ΅ΠΌ Π±Π°Π½Π΄Π»Π°. Π’ΠΎΠ»ΡΠΊΠΎ ΡΠΈΡΡΡΠΉ CSS.
- **π ESLint & Prettier**. Π€ΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°.
- **π VKUI 5**. ΠΠ΅ΠΎΡΠ»ΠΈΡΠΈΠΌΡΠΉ ΠΎΡ Π½Π°ΡΠΈΠ²Π½ΠΎΠ³ΠΎ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ ΠΠΠΎΠ½ΡΠ°ΠΊΡΠ΅ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ.
- **π¦ Π ΠΎΡΡΠ΅Ρ**. `@itznevikat/router` Π΄Π»Ρ ΡΠ΄ΠΎΠ±Π½ΠΎΠΉ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ.
- **β VK Bridge**. `@mntm/painless-bridge` ΠΊΠ°ΠΊ ΡΠ»ΡΡΡΠ΅Π½Π½ΡΡ Π°Π»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²Ρ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΠΎΠΌΡ.## Π£ΡΡΠ°Π½ΠΎΠ²ΠΊΠ°
```bash
$ yarn
```## ΠΠ°ΠΏΡΡΠΊ
```bash
# development and watch mode
$ yarn dev# production mode
$ yarn build && yarn serve
```## ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ Ρ **VK Tunnel**/**Ngrok**/etc.
Π `vite.config.ts` Π² ΠΎΠ±ΡΠ΅ΠΊΡΠ΅ `server` ΡΠ±ΠΈΡΠ°Π΅ΠΌ `https`, `host` ΠΈ `proxy`, Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ:
```typescript
hmr: {
clientPort: 443
}
```
ΠΠΎΠ΄ΡΠΎΠ±Π½Π΅Π΅ - https://github.com/vitejs/vite/discussions/5399.## ΠΠΈΡΠ΅Π½Π·ΠΈΡ
[MIT](LICENSE)