HTML + CSS + JS, if really needed
Ask HN: What's is your go to toolset for simple front end development?
41–50 of 295 posts
Re: Ask HN: What's is your go to toolset for simple front end development?
#42One single piece of CSS instantly improves the look of plain html pages:
body {font-family:sans-serif;}
And you don't need JavaScript to trigger back-end events, as a simple link will work just as nicely.
Re: Ask HN: What's is your go to toolset for simple front end development?
#43I just read that you didn't want to troubleshoot html, css and js, so my goto toolkit for simple UIs might not fit your bill, but hear me out :) At work, when I do internal tools, they are usually well received. They also pass just below the threshold of having their looks be judged. They're not ugly, because they're almost not there. Very plain HTML: HEAD+TITLE, H1, H2, UL, OL, A, IMG, INPUT, BR, TABLE, P Javascript…
I pretty much do this as well. The only thing I do different is, when I need to present it to someone, I will drop in a minimalist css library like PureCSS or Milligram.
Re: Ask HN: What's is your go to toolset for simple front end development?
#44Preact [0] + htm [1]
Why? Preact is small, fast, and reasonably easy to use. But the main selling point for me was that, together with htm, I don't need any build system a la webpack. No node_modules folder. I just have to load one script (preact + htm bundled), define my components in plain javascript files and import them. Bliss for me.
[1] https://github.com/developit/htm
Edit: Just read that you want drag & drop style UI building, so this might not be for you.
Re: Ask HN: What's is your go to toolset for simple front end development?
#45https://tailwindui.com/ - lots of pre-made templates using tailwind css. Some are free, but the more advanced ones require payment.
This looks pretty useful. I'll have to do a bit of digging and see how hard they are to put together.
Re: Ask HN: What's is your go to toolset for simple front end development?
#46htmx (https://htmx.org/) in backend templates (flask would work) and tailwindcss (https://tailwindcss.com/) and you can get very far without touching css and Javascript. Html writing would still be needed.
Re: Ask HN: What's is your go to toolset for simple front end development?
#47TailwindUI ?
Another recommended this, seems good.
Re: Ask HN: What's is your go to toolset for simple front end development?
#48Pyramid for backend.
HTML+css for the front end. Often just bootstrap. Vuejs applied to very specific places that need to be interactive, but without any build/bundling/whatever - just referencing a single minified file.
Re: Ask HN: What's is your go to toolset for simple front end development?
#49[deleted]
Re: Ask HN: What's is your go to toolset for simple front end development?
#50React with create-react-app [0] and Netlify for deployment, github as git repo. This way you can have a hello world app that has a full CI pipeline in ~30 mins. [0] https://reactjs.org/docs/create-a-new-react-app.html#create-...
And if you want a drag'n'drop GUI for this workflow, there's React Studio (macOS only):
It outputs create-react-app projects with no extra runtime components or other limitations. You can deploy on Netlify or do whatever you like with the code.