this post was submitted on 01 Sep 2023
10 points (81.2% liked)

Programming

17417 readers
84 users here now

Welcome to the main community in programming.dev! Feel free to post anything relating to programming here!

Cross posting is strongly encouraged in the instance. If you feel your post or another person's post makes sense in another community cross post into it.

Hope you enjoy the instance!

Rules

Rules

  • Follow the programming.dev instance rules
  • Keep content related to programming in some way
  • If you're posting long videos try to add in some form of tldr for those who don't want to watch videos

Wormhole

Follow the wormhole through a path of communities !webdev@programming.dev

founded 1 year ago
MODERATORS
snowe@programming.dev
Ategon@programming.dev
MaungaHikoi@lemmy.nz
10
Modern JS libraries to use on a framework-less CRUD frontend with hybrid SSR/CSR? (lemmy.ml)
submitted 1 year ago by cyclohexane@lemmy.ml to c/programming@programming.dev
6 comments fedilink hide all child comments
 

Hello all,

I am looking for suggestions for libraries to use on my project. It is a personal project, so I'm happy to experiment with lesser known or new libraries.

The application will be a mix of content-focus and client side interactivity (think to-do list with server side persistence).

My current approach is as follows:

  • Server side rendering on NodeJS with a template engine, complemented with client side scripting for interactivity (mostly vanilla JS)
  • Use liquidJS as template engine (any alternatives?)
  • Use fastify as the HTTP / Backend server with @fastify/view plugin for serving liquidJS (and other template engines)
  • use vanilla JS scripts for interactivity and DOM manipulation
  • use vanilla-SWR for data fetching, mutation and persistence on server side. Link: droyson/vanilla-swr

Any other suggestions?

you are viewing a single comment's thread
view the rest of the comments
[–] poinck@lemm.ee 3 points 1 year ago (2 children)

Have you heard of Svelte? You can write everything in Typescript or Javascript. It runs on top of node and SSR is made very easy.

[–] rutrum@lm.paradisus.day 4 points 1 year ago

Svelte has the lowest barrier-to-entry I've used among frontend frameworks. I've really enjoyed using it.

[–] cyclohexane@lemmy.ml 3 points 1 year ago

My worry with svelte is vendor lock-in. It has a specific way of doing things, and I feel like my simple app does not need that level of interactivity abstraction. But maybe I have not looked into it deeply enough.