Live data from Hacker News

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

news.ycombinator.com

131–140 of 295 posts

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

#134

React.js is the gateway drug for you to dig into frontend development. I myself mastered it in 2 weeks as a backend engineer. There's no simple way, there's only the first step. Good luck.

> mastered it in 2 weeks as a backend engineer

"mastered"

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

#135
post #22

Earlier quoted context omitted.

I recently took a similar approach for a couple of simple websites ( https://abyteofcoding.com/survey/ and https://crosspromote.io ), and found that surprisingly people don't really care that much. It's still very annoying to deal with responsive stuff (changing design based on screen size) though.

Your site is broken for crosspromote - things are too wide for the viewport leading to things being clipped and so unreadable (at least on mobile).

Ugh, dammit. Thanks for catching that.

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

#136

https://svelte.dev/tutorial/basics - easy to get started with but really powerful for complex stuff too For layout, don't use any CSS framework, but instead refer to https://css-tricks.com/snippets/css/a-guide-to-flexbox/ often - every time I use some big CSS framework I end up fighting it at some point. https://vitejs.dev/ for packaging - I got really grumpy when frontend stuff started needing build and packaging to…

I don't consider Svelte a simple toolset because it can't be published statically

It can quite easily with https://primo.so

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

#137

https://svelte.dev/tutorial/basics - easy to get started with but really powerful for complex stuff too For layout, don't use any CSS framework, but instead refer to https://css-tricks.com/snippets/css/a-guide-to-flexbox/ often - every time I use some big CSS framework I end up fighting it at some point. https://vitejs.dev/ for packaging - I got really grumpy when frontend stuff started needing build and packaging to…

I don't consider Svelte a simple toolset because it can't be published statically

Have you even used Svelte yourself?

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

#139

Ignore any recommendation of React, TypeScript, Vite, or Tailwind. Here are some recommendations that don't require NPM/Node. Pick a "classless" CSS library from a site like CSSBed[1]. These are kind of like Bootstrap, except you don't need to write any CSS or apply any CSS classes in your HTML for them to work. No tooling necessary; just include a tag in your HTML document. If you'd like to try something similar to…

Best recommendations. Just one thing: do a favor for your visitor's privacy and don't use a CDN, download the css/js packages and host them yourself. > An easy way to try out Mithril.js is to include it from a CDN and follow this tutorial. [1] [1] https://mithril.js.org/

Not only privacy, but also reliability in my experience. If you add in a CDN you now have a point of failure you have no control over that (Murphy's Law) fails at the most inopportune time. In all web frameworks it's pretty trivial to serve up static files with a future expiry date.

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

#140
post #134

React.js is the gateway drug for you to dig into frontend development. I myself mastered it in 2 weeks as a backend engineer. There's no simple way, there's only the first step. Good luck.

> mastered it in 2 weeks as a backend engineer "mastered"

Why not? React is a simple concept / library.

It‘s the ecosystem around it that is complex and hard to keep up with.

Post reply on HN