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

Programming

17417 readers
38 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?

top 6 comments
sorted by: hot top controversial new old
[–] ck_@discuss.tchncs.de 4 points 1 year ago

https://docs.astro.build/en/getting-started/#key-features

[–] 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.

[–] mark@programming.dev 1 points 1 year ago

Looks like a decent setup. Vanilla JS is the way to go for the best performance. Avoids vendor lock-in and those skills never go out of date. 👍

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

This may not be helpful but I've used EJS as a template engine before. It's a simple engine and been around for a while.