Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/darianstlex/vike-vue-template
Vike + Vue + Effector
https://github.com/darianstlex/vike-vue-template
effector vike vue
Last synced: 14 days ago
JSON representation
Vike + Vue + Effector
- Host: GitHub
- URL: https://github.com/darianstlex/vike-vue-template
- Owner: darianstlex
- Created: 2024-08-18T23:14:31.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-09-07T20:51:03.000Z (5 months ago)
- Last Synced: 2024-11-10T21:35:53.762Z (2 months ago)
- Topics: effector, vike, vue
- Language: TypeScript
- Homepage:
- Size: 329 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Vike + Vue + Effector + SSR
This template is based on Vike + Vue + Effector.
`vike-vue` is not used to have better control over rendering mechanism.
### Hooks/Events
All standard hooks can be used, plus some extra to control effector values
Data flow:
`+data.ts`: vike hook for initial data preparation if needed\
`+onBeforeInit.ts`: hook, fires before page init event on server side, give access to the effector scope\
`+pageInitiated.ts`: effector event, fires on page init on server side.\
`+onAfterInit.ts`: hook, fires after page init event on server side, give access to the effector scope\
`appStarted`: effector event, fires on app start on client side.\
`+pageStarted.ts`: effector event, fires on page start on client side.Page Components:
`+Layout.vue`: custom layout component to override the global one\
`+Wrapper.vue`: additional page wrapper