pgweb icon indicating copy to clipboard operation
pgweb copied to clipboard

Frontend refactor

Open sosedoff opened this issue 3 years ago • 7 comments

Frontend code is seriously dated and needs a fresh rewrite, using some minimalistic js framework.

A few things to consider:

  • No react
  • No unstable frameworks
  • No bloatware

sosedoff avatar Dec 20 '22 14:12 sosedoff

I like Lit HTML elements (native web components) with pure TS; https://lit.dev/

Both Adobe and IBM have their component libraries available as Lit HTML elements, I think that would look cool

Nice video on the topic; https://www.youtube.com/watch?v=x9YDQUJx2uw

Davincible avatar Feb 23 '23 23:02 Davincible

Upvote for htmx and ideally have navigation + title too. so the URL changes from http://localhost:8081/# to reflect the table that is being viewed. This would help with bookmarking and when multiple tabs.

nelsonic avatar Aug 07 '23 12:08 nelsonic

Is this still up for debate? Svelte looks great. The library is just 1.7kb total size

carlqt avatar Feb 22 '24 20:02 carlqt

This issue is still relevant, although i would not call this "up for debate". Svelte looks promising, but i have not done any frontend work in a while so not sure if it'll be a right choice. But to be fair, at this point any framework is going to be a better choice than the current stack (html+jquery).

sosedoff avatar Mar 15 '24 05:03 sosedoff

I'll be happy to help with this, I use pgweb every day. In my opinion, the amount of readily available, accessible, batteries-included, headless (unthemed so you can make them your own) components available in React makes it a viable option to build complete UIs, fast (IF, there is minimal state to handle).

azan-n avatar May 27 '24 04:05 azan-n

@azan-n I specifically do not want react in this project.

sosedoff avatar May 31 '24 02:05 sosedoff