https://github.com/LukasBombach/single-file-components

Vue React loader, yup.
https://github.com/LukasBombach/single-file-components

Last synced: 3 months ago
JSON representation

Vue React loader, yup.

• Host: GitHub
• URL: https://github.com/LukasBombach/single-file-components
• Owner: LukasBombach
• Created: 2018-10-02T13:26:33.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2019-03-29T10:49:59.000Z (almost 6 years ago)
• Last Synced: 2024-07-31T07:19:00.265Z (6 months ago)
• Language: TypeScript
• Homepage:
• Size: 304 KB
• Stars: 26
• Watchers: 3
• Forks: 1
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome - single-file-components - Vue React loader, yup. (TypeScript)

README

        
![](./docs/tmp_header.svg)

# Single File Component Loader

Abitious project that lets you read `.vue` files and transpile them to `React`, `Vue` and `WebComponents`.

WHY? For 2 reasons:

1. Philosophy

2. Design Systems

## Philosophy

`.vue` files seem to be a major factor for people to adopt Vue.js. Especially for juniors

the file format appears to be quite easy to use. Other than that, sorry, Vue and React are

not really that much different. Their concepts are basically the same thing.

So `.vue`, to me, is just a file format. It's not something that can only be done by Vue.

It is a file format for the paradigm of our times: Writing and orchestrating components.

Why should the way we write them not be a choice and something we can actively think about

and design for ourselves.

So I am trying to write a Webpack loader that is mostly compatible to Vue.js single file

components and that transpiles to other frameworks like React or Stencil. I'd call those

`.sfc` files.

## Design Systems

When you create a design system and implement components for it you end up locked in the

framework of your choice. This library should let you write components in a file format and

transpile them to multiple frameworks.

# Status

wip of course, but I have some success.

I can create simple ES5 React files from Vue compoents. Right now I am refactoring and

extending feature compatibility.