When you’re swinging a hammer, everything looks like a nail
Show HN: Open – Free React landing page template
21–30 of 79 posts
Re: Show HN: Open – Free React landing page template
#22What's the advantage of using React for a landing page that could be a 10KB static HTML file ? (non-sarcastic question)
Extensibility. We may begin with simple hero image/call-to-action, but we might wind up with a sign up form with validation, a interactive map of office locations, maybe even fancy particles (who doesn't love particles!?[1]), etc. The page load will be fast enough to dissuade no users, I can add server-side rendering & free code-splitting (e.g. Next.Js), etc. Seems like a good deal. [1] https://vincentgarreau.com/par…
So... premature optimization?
Re: Show HN: Open – Free React landing page template
#23This is not a good use case for react. At all. A landing page should do one thing and one thing well: drive an action. The less distracting interactivity the better. The only thing you want interactive are your CTAs. The overhead of using React, even if using a static site generator, isn’t worth it. Not when you can whip up a simple HTML/CSS page in less time that’s far far easier to build and deploy. Because the fas…
Damn good stuff here. Can you build me a landing page to test a new business? :-)
Re: Show HN: Open – Free React landing page template
#24What's the advantage of using React for a landing page that could be a 10KB static HTML file ? (non-sarcastic question)
Extensibility. We may begin with simple hero image/call-to-action, but we might wind up with a sign up form with validation, a interactive map of office locations, maybe even fancy particles (who doesn't love particles!?[1]), etc. The page load will be fast enough to dissuade no users, I can add server-side rendering & free code-splitting (e.g. Next.Js), etc. Seems like a good deal. [1] https://vincentgarreau.com/par…
I would argue that if it's just for one or a few components, it's straight-forward to just drop in react parts there while leaving the rest of the page static. If the whole page should suddenly become dynamic, the work of migrating to react will probably be dwarfed by the work for actually building the new functionality.
So there is little reason to start out with react for a static page, unless one already knows they are soon going to extend it to something radically more dynamic.
Re: Show HN: Open – Free React landing page template
#25What's the advantage of using React for a landing page that could be a 10KB static HTML file ? (non-sarcastic question)
I'm seeing 714kb of data loaded over 924ms. Not as small as possible, but I don't think this really qualifies as bloat. Imo the benefits of using React boilerplate for a landing page would be: - Quick to set up / customize (faster than starting from scratch in vanilla js, anyway) - Flexible. Allows devs to quickly pivot the landing page into a "landing page + [whatever]" if needed If pure speed to load is your endgoa…
Thanks for the answer, those are valid points!
I think most web developers forget that most visitors don't have fiber connections and high-end hardware like them. This page renders at 15 fps on my mom's laptop with an old Core I3.
I kept my old ThinkPad just to test my websites.
Re: Show HN: Open – Free React landing page template
#26The site looks great but you should have used a static site generator (like GatsbyJS) or at least a server-side rendering framework (like Next.js[1]) rather than create-react-app.
There is no need for this kind of website to be generated client-side.
[1] The latest version of Next.js does static site generation. Which is trully fantastic: you get all the power of React but the site is served as HTML. The generated site can even be accessible with JavaScript disabled!
Re: Show HN: Open – Free React landing page template
#27These are great! It would be nice to see them available as gatsby.js (static site generator using react) themes.
Re: Show HN: Open – Free React landing page template
#28What's the advantage of using React for a landing page that could be a 10KB static HTML file ? (non-sarcastic question)
I'm seeing 714kb of data loaded over 924ms. Not as small as possible, but I don't think this really qualifies as bloat. Imo the benefits of using React boilerplate for a landing page would be: - Quick to set up / customize (faster than starting from scratch in vanilla js, anyway) - Flexible. Allows devs to quickly pivot the landing page into a "landing page + [whatever]" if needed If pure speed to load is your endgoa…
> I'm seeing 714kb of data loaded over 924ms.
That's really bad!
Re: Show HN: Open – Free React landing page template
#29What's the advantage of using React for a landing page that could be a 10KB static HTML file ? (non-sarcastic question)
I'm seeing 714kb of data loaded over 924ms. Not as small as possible, but I don't think this really qualifies as bloat. Imo the benefits of using React boilerplate for a landing page would be: - Quick to set up / customize (faster than starting from scratch in vanilla js, anyway) - Flexible. Allows devs to quickly pivot the landing page into a "landing page + [whatever]" if needed If pure speed to load is your endgoa…
Remind me why there's this native mobile app fad.
Re: Show HN: Open – Free React landing page template
#30Using React is really bad for your SEO. If you want to use React, use something like Nextjs or Gatsby to compile it into a static HTML website.
I suspect folks using a free react landing page template aren't super concerned about SEO.