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

21–30 of 187 posts

Re: Hacker News Clone Using GraphQL and React

#21

Post by sillysaurus3 »

scottmf wrote: post #19
lucasmullens wrote: post #10

Earlier quoted context omitted.

This new site is around 1MB, regular HN is around 50KB. They're not even close. It's just that navigating to new pages is faster since it doesn't take a full page refresh.

Which makes for a better user experience. What’s your point?

Not really. Most of the point of HN is to navigate to it and then away from it (to other sites).

Re: Hacker News Clone Using GraphQL and React

#22

Post by adamnemecek »

nodesocket wrote: post #5

Awesome job. This is not a knock on JavaScript in particular, but the amount of brain bandwidth and dependencies to launch a modern web app is getting a bit absurd. I'm turning into that old grumpy hacker who prefers the simple good ole' days of LAMP. :-) React - (UI Framework) GraphQL - (Web Data API) Apollo - (GraphQL Client) Next - (Routing, SSR, Hot Module Reloading, Code Splitting, Build tool uses Webpack) Redux…

You are partially right but you have to remember that each of these is addressing a generally large pain point. So by embracing a standard solution, you can abstract that point away to some degree. This tradeoff is called progress.

Re: Hacker News Clone Using GraphQL and React

#23

Post by renlo »

nodesocket wrote: post #5

Awesome job. This is not a knock on JavaScript in particular, but the amount of brain bandwidth and dependencies to launch a modern web app is getting a bit absurd. I'm turning into that old grumpy hacker who prefers the simple good ole' days of LAMP. :-) React - (UI Framework) GraphQL - (Web Data API) Apollo - (GraphQL Client) Next - (Routing, SSR, Hot Module Reloading, Code Splitting, Build tool uses Webpack) Redux…

Just from looking at the list of libraries/frameworks/tech used, it seems like it was over-engineered. It was probably a fun project to work on, or maybe it was a good learning experience for the developer, but it seems like it's a wee bit too over-complicated. If someone wanted to release something like this to actual customers then I don't think you'd want to make it like that.

This is coming from someone who started out in the front-end with JS and SPAs. Why add in the responsiveness (and overhead) of a SPA when your users won't really notice the difference?

Re: Hacker News Clone Using GraphQL and React

#24

Post by arikr »

dcousens wrote: post #8
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.

Opposite experience here. Near 4-5x slower than actual HN for me.

What browser / internet speed / other diagnostics info?

Re: Hacker News Clone Using GraphQL and React

#25

Post by bastijn »

chdsbd wrote: post #12

I can't seem to collapse comments on the site.

+1 for ios.

In addition, it feels slower than regular HN. No actual benchmarks though.

Checking https://github.com/clintonwoo/hackernews-react-graphql/blob/... it might be on purpose though. Toggle code is commented.

Re: Hacker News Clone Using GraphQL and React

#29

Post by scottmf »

sillysaurus3 wrote: post #21
scottmf wrote: post #19

Earlier quoted context omitted.

Which makes for a better user experience. What’s your point?

Not really. Most of the point of HN is to navigate to it and then away from it (to other sites).

The slightly higher upfront cost is only incurred once.

Re: Hacker News Clone Using GraphQL and React

#30

Post by squillful »

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

Post reply on HN