Live data from Hacker News

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

github.com

1–10 of 48 posts

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

#3
post #2

Really cool. Love angular-cli so far. Would like to see the styling from https://vue-hn.now.sh/top used as I think the animations are challenging to replicate in angular 2.

Thank you! I agree the styling could definitely use a bit of improvement, and Vue HN looks so clean so I can definitely encapsulate similar styling

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

#5

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

The largest download on the page is a vendor bundle, at 93.2k gzipped (402k uncompressed). So I'm pretty sure it's not.

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

#6
post #2

Really cool. Love angular-cli so far. Would like to see the styling from https://vue-hn.now.sh/top used as I think the animations are challenging to replicate in angular 2.

Personally, I find the styling of the OP's site much better than that of Vue-HN, largely because of the higher contrast (and less over-emphasized vote counts).

Might be just me, though, as I still find the vanilla HN site the best looking of all, not to mention it runs with no JS enabled, no cross site stuff, etc., and takes very little resources - the best kind of web design, in my humble opinion.

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

#7
Cool, I was just getting started with Angular 2 and Typescript (coming from Angular 1) and I think your example is just the perfect way to understand how an app is to be made with it :)

How is angular-cli different from angular's quick start or a seed project setup ?

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

#8

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

The two main bundle files (main and vendor) used to total around that number, but adding Ahead-of-Time compilation reduced them to 589 KB uncompressed and 115 KB gzipped, which was pretty cool.

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

#9

Cool, I was just getting started with Angular 2 and Typescript (coming from Angular 1) and I think your example is just the perfect way to understand how an app is to be made with it :) How is angular-cli different from angular's quick start or a seed project setup ?

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 haven't tried the seed myself. If you're interested in how I set up this app, I wrote a blog post (http://houssein.me/angular2-hacker-news) detailing each and every step using the CLI so I hope it helps :) (this was done a few months ago so the progressive elements such as the Service Worker and manifest isn't included)

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

#10

Cool, I was just getting started with Angular 2 and Typescript (coming from Angular 1) and I think your example is just the perfect way to understand how an app is to be made with it :) How is angular-cli different from angular's quick start or a seed project setup ?

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…

oh the blog post would be perfect!, I will go through it. I will try to create a twitter client to get familiar with angular cli and angular 2 in general. Thanks :)

Btw, I like the way blog UI and its simplicity and code-display friendly-ness, what tool/app you use for the blog? (if you don't mind sharing the details)

Post reply on HN