Live data from Hacker News

Ask HN: What's is your go to toolset for simple front end development?

news.ycombinator.com

31–40 of 295 posts

Re: Ask HN: What's is your go to toolset for simple front end development?

#31
post #19

React 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-...

If your domain is already on Route53, you can replace Netlify with AWS Amplify and save another 10 mins…

Re: Ask HN: What's is your go to toolset for simple front end development?

#32
post #17

I 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. [0]: https://watercss.kognise.dev/

This looks nice. Nothing wrong with this

Re: Ask HN: What's is your go to toolset for simple front end development?

#33
post #19

React 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 install React-Router, Redux, set TypeScript

Re: Ask HN: What's is your go to toolset for simple front end development?

#34
I use AlpineJS for reactivity. Along with JS Template literals[1], I can reach quite close to the ergonomics of having react like re-usable functional components without bringing in the whole complexity of react ecosystem. Works quite well for smallish projects.

For styling I pick up Bulma CSS if I need some more complex components (tabs, modals etc.) or TailWind if I just want to pepper a little styling here and there. All this loaded directly from CDN. No build step, no server etc required. You easily do debugging from browser console.

I have made a few internal tools like this which my co workers use everyday.

[1] https://developer.mozilla.org/en-US/docs/Web/JavaScript/Refe...

Re: Ask HN: What's is your go to toolset for simple front end development?

#35
post #19

React 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 install React-Router, Redux, set TypeScript

Redux is absolutely not a requirement for "simple" front-end dev. There are many simpler, less boilerplate-y, and more modern ways to manage state in a React application. See https://blog.logrocket.com/modern-guide-react-state-patterns...

Re: Ask HN: What's is your go to toolset for simple front end development?

#39
post #29

Take 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. [0] https://pinegrow.com

Any plan to compile this to webassembly and make it run in the browser? Webflow is killing it. I had no idea there were other options. To be clear, I... don't even know why I want that? Desktop software runs faster than webapps do. But for some reason I feel like people these days simply prefer to not download stuff. Weird.

Pinegrow is a web app (mostly vanilla JS, HTML and CSS) packaged with NWJS [0] into a desktop app that runs on Mac, Windows and Linux.

We also have Pinegrow Online [0] that works 100% in the browser - without webassembly. The performance is quite good for such a complex UI.

[0] https://pinegrow.online/edit/

Post reply on HN