Web Development

0 readers

1 users here now

Icon base by Delapouite under CC BY 3.0 with modifications to add a gradient

founded 1 year ago

MODERATORS

snowe@programming.dev

Ategon@programming.dev

How would I go about editing the lemmy-ui frontend? (inferno) (yiffit.net)

submitted 1 year ago by Wander@yiffit.net to c/webdev@programming.dev

3 comments fedilink hide all child comments

Hello,

My goal is to make specific edits to Lemmy's default frontend. The big problem I'm facing is that the UI is running inside a docker container and is also written using inferno which seems to be transpiled / compiled into non-user-friendly js files.

My assumption here is that I'd have to download the source, edit it, compile and then host my own container.

I was wondering if anyone has done this and if there are any tips, pointers or guides that could be shared.

Thank you!

top 3 comments

sorted by: hot top controversial new old

[–] jvisick@programming.dev 5 points 1 year ago

https://join-lemmy.org/docs/contributors/02-local-development.html#frontend-development

That should get you running locally. If you’re familiar with React, you should feel right at home. In either case, the Inferno docs should help you out a lot.

You’re correct that it’s transpiled into minified JS, but the source is in human-friendly TypeScript. The transpilation is handled automatically for you by Yarn.

[–] DiamondDemon@programming.dev 4 points 1 year ago (1 children)

If you ever complete this, can you make a bootstrap free lemmy UI?

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

Out of curiosity, why?