DEV Community

OpenSource
OpenSource

Posted on

When will we stop rewriting frontend?

Image description

Credits: @thepracticaldev

Meet WebCrumbs and say goodbye to never ending editing… it’s like Wordpress but for React 🌟 Give us a star you support the idea.

Top comments (28)

Collapse
 
chasm profile image
Charles F. Munat

I have already stopped. I gave up on all front-end frameworks, removed all front-end dependencies, and have written my most recent sites/apps in vanilla JS/CSS/HTML. Created my own component library all vanilla bundled with Astro.

None of it will need to be rewritten for many years, if ever. So I focus on adding to it, not rewriting it.

Collapse
 
jwrunge profile image
Jacob W Runge

This is the way. I doubted for a long time, but even my beloved Svelte is starting to show some cracks as time goes on.

I was very tempted by htmx, and I do think it's a good option if you're templating server side, or just providing static files. But it isn't terribly difficult to roll your own solution that fits the project and shirks the bloat.

Collapse
 
janmpeterka profile image
Jan Peterka

I'm really happy that, even without never getting into frontend frameworks, now I'm able to do great interactive frontend using Hotwire/Turbo (similar to htmx). I feel like a missed the hype train and now I can use what comes after :D

Collapse
 
lnahrf profile image
Lev N.

This guy has it figured out.

Collapse
 
lebbe profile image
Lars-Erik Bruce

Every frontender should do this at least once, if not only to learn actual HTML, the actual DOM API and actual JavaScript, which comes very handy when debugging obscure bugs when using a fancy framework.

Collapse
 
chasm profile image
Charles F. Munat

Agreed. But I'd skip the fancy framework part.

Collapse
 
lechdap profile image
lechdap

yess

Collapse
 
pengeszikra profile image
Peter Vivo • Edited

I have a side project (soure as wanabee mmorpg) which was started on stackblitz in react used my graphic maded around 2009. I try to find a functional state management with callbag ( long forgotten functional JS library ) and of course 'pipeline operator' which is my favorite JS solution ... never implemented.

  • I make a small react npm library:react-troll so I am implemented to it.

  • Then typescript come in to picture, and I reworked from react-js to react-typscript.

  • Then NextJs come, and I reworked from react to nextjs and of course have some backend functionality with mongoDB

  • Then I meet with tailwind and implemented too. This CSS framework is really shining on POC state, even great for plain HTML too.

  • Then opean.ai come and I implemented a Dalle2 image generation and 2 days smoke up my credits.

  • Then I write a new typescript oriented react state handling library: react-state-factory already this implementation ongoing ....

... meanwhile AI ages come up, so I figure out how can I improve my lone content creation process, but this isint realized in the codbase, just I have lot of experiment with AI image generation, and even how can use ChatGPT as dungeon master which is immeidatley obsolete this progam, but I will continue.

... the next framework which is interested is: qwik maybe I replace nextjs with that. qwik is very promising and I created a small example compared to react, it is really preformant solution with so much lovely details.

Collapse
 
amiceli profile image
amiceli

Follow Dependency inversion is a good way for me. I split components (web components) and domain (pure TS). My projects with Vue (2 and 3), Svelte or other framework use it without dependencies.
@chasm Astro is really a good option <3 , for me, it allows us to be less dependent to a framework for maintaining a project.

Collapse
 
chasm profile image
Charles F. Munat

Yes. And Astro lets you use React, Vue, Svelte, Solid, etc. in combination if you like. I have no need for them, but it's nice that the option is there just in case.

Collapse
 
kaamkiya profile image
Kaamkiya • Edited

I don't think we'll ever sop rewriting frontend. Too many technologies that keep showing up and being attractive to people. People talk of tutorial hell, but they don't realize that they keep rewriting the same thing in different ways all the time. 🤦

Collapse
 
juliuskoronci profile image
Igsem • Edited

maintaining your own pure JS library is for people who have enough money and time considering how fast the JS world moves, how fast things change in the browser api..hmmm yes its possible but for a very limited use cases only ..or until you need something else than a button :)

Collapse
 
dsaga profile image
Dusan Petkovic

Just pick a framework that's has been maintained by some years and has active community and preferably its backed by a large tech company so, atm:

React, Vue, Angular

Pure JS for a web application I don't think makes sense, as you would need to do a lot of manual labor to do things that have already been done, maybe for some use cases web components make sense, where you don't want dependencies..

Collapse
 
pxlmastrxd profile image
Pxlmastr

I'm just done. I've been passing between React and Vue, but I have decided to stick with Vue so I don't have to think about that again.

Collapse
 
rohan23 profile image
Modapk12

I don't have much knowledge about frontend but I want to create similar frontend like Anagram Solver UK tool. Anyone can help me.

Collapse
 
chriskillian7 profile image
apkdl

ROMsFUN.me is a website that provides free game ROMs collections for users to download and play on emulators or consoles.

With thousands of diverse game ROM collections for many different console systems such as: Nintendo (NES, SNES, N64, GameCube, Wii, Switch...), Sega (Genesis, Saturn, Dreamcast...), Sony PlayStation (PS1, PS2, PS3, PSP, PS Vita), Microsoft Xbox (Xbox 360, Xbox One)... you will easily find your favorite classic games to download and play.

Collapse
 
muhammad_ahmarkhan_80563 profile image
Muhammad Ahmar khan

I think we should focus more on learning about front-end development. However, I'm also really excited about the prospect of developing games for the Nintendo Switch.