Some frontend stuff

Open
#130 5 comments 2 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
5/5
Estimated time
Over a week
Newbie friendliness
15/100
Issue type
Documentation
Clarity
Needs clarification
Activity status
Stale
Tech stack
javascript, react

Research direction

No file, test, or entry point is named. Start by clarifying whether the SolidJS, VanJS, routing, and state-management examples should be added to the technology-stack documentation, then identify the relevant documentation location and agree on which technologies and details are in scope; done requires an explicit documented result.

Written by the indexing model from the issue text.

Description

I spent the last 2 weeks using SolidJS and VanJS. It is very nice to use a framework that does not use a VDOM. Makes everything easy. There are numerous frontend frameworks, but these 2 are interesting I believe (again no VDOM) for small to medium size projects. As for the performance, I don't know. SolidJS is not so new whilst VanJS is, but very impressive: the build size is small. I also use Universal-Router (2k) as the bundle size of React-Router is huge. For the store manager, I also use Zustand (1k). All together this reduces significantly the bundle size.

With Phoenix Liveview, you don't control the DOM but you can use hooks to inject JS stuff. I will try to combine both in an app.

An example with VanJS: https://github.com/ndrean/vanjs-dialog-modal. This takes 3-4 days, learning and doing, quite easy and.. no VDOM!

An example with SolidJS: https://github.com/ndrean/Solid-components. It is also quite easy to use, and again no VDOM.

Dominant language
JavaScript
Stars
291
Forks
25
PR merge metrics
No merged PRs in 30d

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.

More from dwyl/technology-stack

All issues in dwyl/technology-stack

Similar issues

More JavaScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.