component-party.dev
component-party.dev copied to clipboard
🎉 Web component JS frameworks overview by their syntax and features
Resolves: #101
I'll be very glad to contribute on it...
React: https://fr.reactjs.org/docs/hooks-reference.html#usecontext Svelte: https://svelte.dev/tutorial/context-api Vue 3: SolidJS: https://www.solidjs.com/tutorial/stores_context
Is it possible to have code highlighting for Angular inline template and styles? Or is there any way to extend `astroHighlightCode` to check for angular specific component and to replace...
I'm curious about the payload for when each framework is used. I suppose for Svelte it would still be interesting to see how it compares to pure vanilla js.
Add a little description for each framework containing: - One line framework principle - Documentation URL - Github repository - Playground URL - ...
It must: - support multiple files - hash code source encoding like Svelte REPL or Vue3 REPL Vue3 example: https://sfc.vuejs.org/#eyJOYW1lLnZ1ZSI6IjxzY3JpcHQgc2V0dXA+XG5pbXBvcnQgeyByZWYgfSBmcm9tICd2dWUnO1xuY29uc3QgbmFtZSA9IHJlZignSm9obicpO1xuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cblx0PGgxPkhlbGxvIHt7IG5hbWUgfX08L2gxPlxuPC90ZW1wbGF0ZT5cbiIsImltcG9ydC1tYXAuanNvbiI6IntcInZ1ZVwiOlwiaHR0cHM6Ly9zZmMudnVlanMub3JnL3Z1ZS5ydW50aW1lLmVzbS1icm93c2VyLmpzXCJ9In0= Svelte example: https://svelte-repl.vercel.app/#W3sibmFtZSI6Ik5hbWUiLCJ0eXBlIjoic3ZlbHRlIiwic291cmNlIjoiPHNjcmlwdD5cblx0bGV0IG5hbWUgPSAnSm9obic7XG48L3NjcmlwdD5cblxuPGgxPkhlbGxvIHtuYW1lfTwvaDE+XG4ifV0= Attempt with Preact REPL: #25