nextcloud-libraries / nextcloud-libraries/nextcloud-vue

[Discussion] Add JSX support to simplify render function components and Vue 2 + Vue 3 support

Open
#6,024 6 comments 0 reactions 1 assignee View on GitHub

@ShGKme is already working on this.

Since Aug 29, 2024.

discussion
Dominant language
Vue
Stars
246
Forks
99
Avg merge
1d 20h
Merged PRs (30d)
103

Description

The proposal is not about migration <template> -> JSX but from render: () => h(tag) to render: () => <tag /> in the components already implemented via render functions.

Adding JSX support allows:

  1. Simplify complex render functions
  2. Decrease the difference between Vue 2 and Vue 3 version (render function API changed a lot)
  3. Improve performance in Vue 3 with complite-time optimizations

Required steps:

  • Add Vite plugin for JSX
  • Configure webpack for vue-styleguidist
  • Rewrite components NcActions, NcButton

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.