[deleted]
Ask HN: What's is your go to toolset for simple front end development?
11–20 of 295 posts
Re: Ask HN: What's is your go to toolset for simple front end development?
#12My last experiment was with bulma css and vanilla javascript (typescript) with web components for components that needed custom/complex interactions. Nice thing with this approach is that you can "just" render the web components with the backend's template engine as if those were your normal html tags. Because of typescript, a build step was required. For this I used esbuild (esbuild itself didn't do the type checking so I ran tsc with --noEmit and --watch next to it).
Didn't get that far with that project to see how it works when the code base scales. I would probably pick the same setup for my next greenfield project.
Re: Ask HN: What's is your go to toolset for simple front end development?
#13Not drag and drop style block building, but:
Re: Ask HN: What's is your go to toolset for simple front end development?
#14Just use some simple CSS framework that you like/are used to plus maybe jquery if you need more than vanilla javascript.
This will get you a looong way and you don't even need npm for it.. just copy the minimized files into your source folder.
Re: Ask HN: What's is your go to toolset for simple front end development?
#15Not sure that's what you're looking for, but my product www.jigdev.com definitely allows you to make simple UIs to interact with backend services
Re: Ask HN: What's is your go to toolset for simple front end development?
#16Really tired to find all kinds of modules for different function.
So even though I had bad experience with AngularJS, I still decided to learn Angular instead of React and Vue several years ago.
But if you only have some small projects, TypeScript is not better than JavaScript.
Re: Ask HN: What's is your go to toolset for simple front end development?
#17I often use plain HTML and a classless CSS (e.g. Water.css[0]) for personal projects.
This way it's easy to write and maintain. Looks okay. Fast feedback cycle during development. No need for build steps. Works in browsers without JavaScript. Works well on desktop and mobile devices.
Highly recommended if suits your needs.
Re: Ask HN: What's is your go to toolset for simple front end development?
#18Take a look at Pinegrow [0] (I'm the author). It is a desktop app that lets you visually work with standard HTML & CSS files and supports frameworks such as Bootstrap, Tailwind CSS or just plain old CSS. There are also more advanced features, for example live SASS compilation, components, interactions and even exporting WordPress themes and blocks.
Re: Ask HN: What's is your go to toolset for simple front end development?
#19React 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-...
Re: Ask HN: What's is your go to toolset for simple front end development?
#20I 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 do this for internal science stuff at my work. The scientists love it. Simple and fast.