A Basic HN Client in React

#1

Post by armujahid » Sat, Oct 19, 2019, 3:12 PM UTC

A Basic HN Client in React
github.com

Re: A Basic HN Client in React

#2

Post by armujahid » Sat, Oct 19, 2019, 3:14 PM UTC

I developed it last year in few hours and it's currently hosted at https://hn.armujahid.me/

Re: A Basic HN Client in React

#3

Post by vital » Sat, Oct 19, 2019, 8:32 PM UTC

armujahid wrote: post #2

I developed it last year in few hours and it's currently hosted at https://hn.armujahid.me/

https://news.ycombinator.com: 7 requests 61.86 KB / 20.48 KB transferred Finish: 845 ms DOMContentLoaded: 483 ms load: 823 ms

https://hn.armujahid.me/: 18 requests 374.67 KB / 104.76 KB transferred Finish: 1.47 s DOMContentLoaded: 179 ms load: 539 ms

Is there any other point to take note of?

Re: A Basic HN Client in React

#4

Post by lawry » Sat, Oct 19, 2019, 10:22 PM UTC

Pretty cool to see how you did this since there's so much different ways to build a react project. :) Curious to see the same being done with hooks and useEffect

Re: A Basic HN Client in React

#5

Post by pests » Sun, Oct 20, 2019, 3:25 AM UTC

vital wrote: post #3

armujahid wrote: post #2

I developed it last year in few hours and it's currently hosted at https://hn.armujahid.me/

https://news.ycombinator.com : 7 requests 61.86 KB / 20.48 KB transferred Finish: 845 ms DOMContentLoaded: 483 ms load: 823 ms https://hn.armujahid.me/ : 18 requests 374.67 KB / 104.76 KB transferred Finish: 1.47 s DOMContentLoaded: 179 ms load: 539 ms Is there any other point to take note of?

Looks like it loads almost 300ms faster. Is that the point you're trying to make?

Re: A Basic HN Client in React

#6

Post by armujahid » Sun, Oct 20, 2019, 8:39 AM UTC

lawry wrote: post #4

Pretty cool to see how you did this since there's so much different ways to build a react project. :) Curious to see the same being done with hooks and useEffect

yup I will refactor it completely to use hooks.

Re: A Basic HN Client in React

#7

Post by armujahid » Sun, Oct 20, 2019, 8:42 AM UTC

vital wrote: post #3

armujahid wrote: post #2

I developed it last year in few hours and it's currently hosted at https://hn.armujahid.me/

https://news.ycombinator.com : 7 requests 61.86 KB / 20.48 KB transferred Finish: 845 ms DOMContentLoaded: 483 ms load: 823 ms https://hn.armujahid.me/ : 18 requests 374.67 KB / 104.76 KB transferred Finish: 1.47 s DOMContentLoaded: 179 ms load: 539 ms Is there any other point to take note of?

Wow. I didn't even notice that. I am using github pages with cloudflare cdn that may be one of the reason of its fast load time

Re: A Basic HN Client in React

#8

Post by armujahid » Sun, Oct 20, 2019, 3:10 PM UTC

lawry wrote: post #4

Pretty cool to see how you did this since there's so much different ways to build a react project. :) Curious to see the same being done with hooks and useEffect

Hooks version is now live :)

Re: A Basic HN Client in React

#9

Post by lawry » Sun, Oct 20, 2019, 5:20 PM UTC

armujahid wrote: post #8

lawry wrote: post #4

Pretty cool to see how you did this since there's so much different ways to build a react project. :) Curious to see the same being done with hooks and useEffect

Hooks version is now live :)

That's awesome! :D