Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/b2ns/vueact

:joystick: a toy mixing Vue and React features
https://github.com/b2ns/vueact

bundler jsx react vue vue3

Last synced: 5 days ago
JSON representation

:joystick: a toy mixing Vue and React features

Awesome Lists containing this project

README

        



# vueact

[![vue](https://shields.io/badge/vue-35495E?logo=vuedotjs&style=flat)](https://github.com/vuejs/core)
[![react](https://shields.io/badge/react-black?logo=react&style=flat)](https://github.com/facebook/react/)

a toy mixing Vue and React features

just for fun 🕹ī¸

## features ✨

- Vue

- [x] reactivity
- [x] composition api
- [x] lifecycle hooks
- [ ] class and style normalize
- [x] custom renderer
- [x] provide, inject
- [ ] inherit attrs
- [ ] Fragment
- [ ] quick diff algorithem when children with keys
- [ ] v-show, v-model
- [ ] custom directives
- [ ] element ref
- [ ] KeepAlive
- [ ] Teleport (i.e., Portal in React)
- [ ] defineProps

- React

- [x] JSX
- [x] stateful functional component
- [x] props.children (i.e., slots in Vue)
- [x] render props

- other lib and tools

- JSX parser (extend the React JSX)
- assets bundler (no bundling, use native ES modules in the browser) đŸ“Ļ
- [x] watch mode
- [x] dev server
- [x] hmr(i.e., hot module replacement)
- [ ] tree-shaking
- [x] json loader
- [x] assets loader
- [x] html plugin
- [x] inject renderFactory plugin

- router
- state managing

## usage

checkout the [demo code](apps/demo/)