I've been writing front-end code for about 9 years now. Everything from custom JS frameworks with XML/XSLT bindings, to React, to plain HTML and a bit of jQuery and everything in between.<p>The whole time I've had the lingering thought, "There has to be a better of doing this than popping open my text editor and manually writing all these tags".<p>Was it the "field-group" tag I needed to wrap these in? Why won't this damn thing align vertically? What was the structure of that select element that's not actually a <select>? Why did I think this was a good career choice again? Even with years of experience, little things like these eat up so much of my time. I'm jealous of tools like Elementor that work well in Wordpress but not for custom frameworks that so many of us work in from day to day.<p>Pretty much all the ui builder tools I've seen are scoped to a specific framework, or aren't programmable/ extensible enough for me to drag and drop custom elements onto pages and save me dev time.<p>Has anyone else had the same thought? Are you using tools like this today and I'm just missing something?
<i>"There has to be a better of doing this than popping open my text editor and manually writing all these tags".</i><p>This isn't a silver bullet, but perhaps the open-source tool, Emmet [0], can help remove some/much of the drudgery. There's a little demo on its docs page[1] and here's how it's described there:<p><i>Emmet takes the snippets idea to a whole new level: you can type CSS-like expressions that can be dynamically parsed, and produce output depending on what you type in the abbreviation. Emmet is developed and optimised for web-developers whose workflow depends on HTML/XML and CSS, but can be used with programming languages too.</i><p>There are also a bunch of YouTube videos about it.[2]<p>(It even has a Wikipedia page[3]).<p>[0] <a href="https://emmet.io/" rel="nofollow">https://emmet.io/</a><p>[1] <a href="https://docs.emmet.io/" rel="nofollow">https://docs.emmet.io/</a><p>[2] <a href="https://www.google.com/search?q=site%3Ayoutube.com+emmet&ie=utf-8&oe=utf-8" rel="nofollow">https://www.google.com/search?q=site%3Ayoutube.com+emmet&ie=...</a><p>[3] <a href="https://en.wikipedia.org/wiki/Emmet_(software)" rel="nofollow">https://en.wikipedia.org/wiki/Emmet_(software)</a>
I've had similar thoughts. It's funny to me that it is possible to make a Diablo 3 clone in Unreal Engine without a single line of code, and yet simple two dimensional pages featuring largely consistent widgets (dropdowns, input fields, text boxes, scrolling, etc) is still such an unnecessarily massive undertaking.<p>I think web development is kind of a gateway drug into the rest of software development for a lot of people. New devs often start with Javascript if they aren't coming from a college, so I think there is definitely some value in keeping the web using hand written software (to not further gatekeep the profession), but I agree with you entirely. Web development, I think, is complexity for complexity's sake. I think people that master it are legitimately very talented engineers, I just wish engineers spent that time and talent on more interesting problems.<p>I am not speaking negatively about Javascript or front end development, I think it's incredibly difficult to do well and applaud those that pull it off. I just don't think it needs to be.