Live data from Hacker News

Show HN: Angular 2 HN – A progressive Hacker News client that works offline

github.com

21–30 of 48 posts

Re: Show HN: Angular 2 HN – A progressive Hacker News client that works offline

#21
post #16

Earlier quoted context omitted.

Thank you :) The CLI is just a command line interface that makes scaffolding and generating a project a lot easier. Adding new components, routes, services, etc... can be done with simple commands. Angular seed gives you a skeleton that you can start your app with, and the quick start provides a super barebones starting point with just a single AppComponent if I'm not mistaken. I personally enjoy using the CLI and ha…

Not sure if you've used this but it sounds like Angular CLI is very similar to Yeoman in terms of guided app generation. That blog post is very good BTW. I like how it goes through all of the intermediate steps that any developer would do to make a PoC.

Yeah I've only briefly tried Yeoman quite some time ago, but they are quite similar in terms of generating scaffolds.

And thank you, I appreciate it! I tried my best to flush out every single step I had to go through while building the app so I'm glad you liked it.

Re: Show HN: Angular 2 HN – A progressive Hacker News client that works offline

#22
post #20

Firstly, I love your app. This is kind of a nitpick, but on the desktop version, hovering over the menu options "new, show, ask, and jobs" makes the text bold and pushes the other text aside. It's a little weird. Perhaps work with a fixed width for each menu item so it doesn't push the other items.

Good call, that is kind of weird. Will fix it :)

Re: Show HN: Angular 2 HN – A progressive Hacker News client that works offline

#23
post #20

Firstly, I love your app. This is kind of a nitpick, but on the desktop version, hovering over the menu options "new, show, ask, and jobs" makes the text bold and pushes the other text aside. It's a little weird. Perhaps work with a fixed width for each menu item so it doesn't push the other items.

Good call, that is kind of weird. Will fix it :)

Re: Show HN: Angular 2 HN – A progressive Hacker News client that works offline

#24
post #20

Firstly, I love your app. This is kind of a nitpick, but on the desktop version, hovering over the menu options "new, show, ask, and jobs" makes the text bold and pushes the other text aside. It's a little weird. Perhaps work with a fixed width for each menu item so it doesn't push the other items.

Good call, that is kind of weird. Will fix it :)

Re: Show HN: Angular 2 HN – A progressive Hacker News client that works offline

#25
post #18

This looks good ! btw I am trying to learn service workers and wanted to check how you have implemented the offline support, but when I checked https://github.com/hdjirdeh/angular2-hn/blob/master/src/serv... it's empty .. am I missing something ?

Yep, like dkrvt mentioned I'm using sw-precache to generate the server worker file. The file in my root folder that you're seeing is sort of a placeholder which gets copied to the actual bundle folder that gets deployed (you don't see it in the GitHub repo, you'll need to build the app locally [ng build --prod] to generate it]. sw-precache then lets me run a simple command which sets up the service worker on the fly based on some simple configurations.

Here's an excellent article btw that helped me understand how to set up sw-precache with an Angular CLI app (https://coryrylan.com/blog/fast-offline-angular-apps-with-se...)

Re: Show HN: Angular 2 HN – A progressive Hacker News client that works offline

#27
Is there a hacker news client which focuses more on typography. I use official hacker news site on Web. On a Retina Mac book Pro with 13-inch screen. I find the fonts too small. Also, one major issue is the line height. Even with browser zomming, the text lines seem to be too close together.

I wonder if other hacker news members also find this problematic.

Re: Show HN: Angular 2 HN – A progressive Hacker News client that works offline

#28

Is there a hacker news client which focuses more on typography. I use official hacker news site on Web. On a Retina Mac book Pro with 13-inch screen. I find the fonts too small. Also, one major issue is the line height. Even with browser zomming, the text lines seem to be too close together. I wonder if other hacker news members also find this problematic.

I 100% agree, but this has been brought up often, and the powers that be do not seem to value this opinion too much.

Re: Show HN: Angular 2 HN – A progressive Hacker News client that works offline

#29

Nice work. Is the ng2 download still clocking in at ~750 KB webpacked? Restricted to mobile so no webdev tools

I am leading an ng2 project at work and with webpack 2 + AOT compilation, we have our app bundled in ~450 KB gzipped & minified, including polyfills (core-js, web animations, viewport buggyfill), Font Awesome (to eventually be stripped out for an svg sprite map - this takes up ~110 KB of the bundle), dependencies (socket.io, Wavesurfer, rxjs, ng2, ng-bootstrap, @ngrx/store, filepicker.js), and our application code.

We definitely could do better, but we are working on a tricky project for the timeline & resources (a course management app for our LMS - features drag and drop slide rearrangement, audio recording & playback, and video playback).

Re: Show HN: Angular 2 HN – A progressive Hacker News client that works offline

#30

Is there a hacker news client which focuses more on typography. I use official hacker news site on Web. On a Retina Mac book Pro with 13-inch screen. I find the fonts too small. Also, one major issue is the line height. Even with browser zomming, the text lines seem to be too close together. I wonder if other hacker news members also find this problematic.

I use the HackerNew Chrome extension to improve the site UI/UX: https://chrome.google.com/webstore/detail/hackernew/lgoghlnd...

The source can be found here: https://github.com/tommoor/HackerNew

It always confuses me now when I open the site on another persons machine.

Post reply on HN