Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Hacker News Clone Using GraphQL and React

github.com

Post reply on HN
Print view View original

161–170 of 187 posts

Re: Hacker News Clone Using GraphQL and React

#161

Post by dullgiulio »

rthomas6 wrote: post #158
sdfjkl wrote: post #111

The original HN is one of the fastest loading sites I regularly visit. You fixed that pretty good. Disclaimer: I'm on terrible internet connections most of the time and it really makes you hate all this modern web crud. Often "dynamic" sites don't load at all because while the initial HTTP request eventually gets through, one or more of the following XMLHttpRequests or whatever fail, and a lot of the time there is no…

Is this because it's a quickly made demo vs a refined production-ready site, or is it a direct result of the way the sites are made? Can you use GraphQL, React, Express, etc. and make a very fast website?

Handling timeouts and refetching failed resources is one job for the browser, which are quite good at it nowadays. There is no need to badly replicate (with extra bugs) this tedious logic in Javascript for each and every website.

Re: Hacker News Clone Using GraphQL and React

#162

Post by dullgiulio »

mike-cardwell wrote: post #106
squillful wrote: post #30

I think this is really nicely done. It's probably a little over-engineered for a project of this size, but it shows the power of using all of these libraries together, and I'm sure it was a great learning experience. Does anyone know what tool was used to generate the system architecture diagram? It's really clean and clear - https://github.com/clintonwoo/hackernews-react-graphql#archi...

Sentence 2 on the front page: "It is intended to be an example or boilerplate to help you structure your projects using production-ready technologies." He could have used less tech, but then the project wouldn't have served it's purpose.

Assuming that boilerplate is indeed necessary. Many comments point out exactly that: this very page shows that the boilerplate for a really fast page is just the opened and closed html tag.

Re: Hacker News Clone Using GraphQL and React

#167

Post by detaro »

kuschku wrote: post #137
kuschku wrote: post #4

Damn, those load times. This is on all my tests – fast internet or dialup, 2016 desktop or ancient android phone – significantly faster than the real HN. Wow.

Yeesh, thanks for the downvotes on an actually measured result. I'm trying this in Firefox nightly (stylo enabled, webrender not). Even on an old phone over throttled internet, that page is faster than real HN for page transitions, but the same happens on 100Mbps WiFi with my Nexus 5X, or on LAN with my desktop. In all cases, that site is significantly faster than real HN in loading and rendering (I can see the real…

On a slow laptop on a reasonably fast connection (university WLAN) using FF 57 Beta the clone is slower. It is slightly faster than real HN at showing the orange bar and the tan content box (which I find quite jarring), the text then pops in noticeably later. Some pages also appear to first show error pages that then get replaced with content. (This even happens on repeat visits to a page, where this seems to cheat and take the comments from cache instead of checking for new ones)

Not sure how to explain that difference.

Re: Hacker News Clone Using GraphQL and React

#168

Post by btbuildem »

zero_shift wrote: post #112

I feel a little mixed about projects like this. It's fantastic to see people share their knowledge, and turn theory into practice. It's very easy to spout on about best practices and good ideas without demonstrating how they can be implemented in the real world. And this application does demonstrate some good ideas. ...But some bad ideas also. I think one problem we have in the frontend world is that developers of ve…

I think part of it is that the newer generation of developers seem to think in terms of frameworks etc as building blocks. Most of the time the solution is orders of magnitude simpler.

Re: Hacker News Clone Using GraphQL and React

#169

Post by true_religion »

badminton1 wrote: post #83

I think it is not so hard to achieve something similar to HN. I think the added value of HN is: - Algorithm used to rank news - Community and culture

The algorithm used to rank news is openly known, just like Reddit's... anyone can copy it.

Re: Hacker News Clone Using GraphQL and React

#170

Post by btbuildem »

rthomas6 wrote: post #157

As someone who is trying to learn modern web development, things like this make me feel overwhelmed. So many tools to learn and integrate! Why these tools over other ones? So many tools to choose from on every level of the stack! What the hell is the "right way" to build a web app nowadays? That's what I want to learn. I've figured out how to put up a static page pretty well, but this is so different. Is this site wh…

OP is a good example of what not to do. Overcomplicated, over-engineered, using tech for the sake of using it.

Take what you like, leave the rest, that's probably the "right way" to build a web app.

Post reply on HN