Nice job! Love seeing ppl trying to build a better way to read Hacker News content. I built this to scratch my own itch http://mackernews.com I wanted a Mac HN client (you can up vote and post too :) ). I really wish HN gave us better apis to work with :(
Show HN: Read Hacker News Like Pinterest – Built with Vuejs
91–100 of 111 posts
Re: Show HN: Read Hacker News Like Pinterest – Built with Vuejs
#92Am I the only one getting a 503 response on all of the assets?
I guess that the server went to sleep for a while. It runs on a free heroku tier. I'm planning on moving it on Digital Ocean, but waiting for things to cool down a little :)
Re: Show HN: Read Hacker News Like Pinterest – Built with Vuejs
#93Earlier quoted context omitted.
I guess there are two types of users - constant checkers might like auto-refresh but if you check less frequently then you want to scroll deep and for us, auto-refresh is a usability nightmare.
Agree with this. If you have a solution please let me know. For now I'm considering adding it as a setting.
Love the project, thanks for putting it up.
The auto-refresh was making me crazy as well - even a big 'Auto-Refresh: ON' toggle by the menu would be enough.
I'm not a fan of settings in general but it does appear you're getting two distinct groups of users.
Re: Show HN: Read Hacker News Like Pinterest – Built with Vuejs
#94Earlier quoted context omitted.
May be you should consider rejecting random urls from your thumbnail generation endpoint. Now I could generate thumbnail of any website e.g. my blog https://hnews.xyz/thumbnail/?url=http://rajeeshcv.com
It's a hard one to do.I agree you can do that now. I'm thinking on a solution, but it's not really easy. Right now I have no solution.
Setting up a same-origin policy (https://developer.mozilla.org/en-US/docs/Web/Security/Same-o...) would prevent people from embedding the image in other websites.
You could try generating a unique token for each page-view, and use this as an access-token for all other resources pulled by the page.
The reality is that it's not too many people who will misuse your API... so don't pick a mechanism that will place undue load on your server until you really have to.
Re: Show HN: Read Hacker News Like Pinterest – Built with Vuejs
#95Hi, I'm the author of this project. The code will be available soon on github: at https://github.com/valentinvieriu/visual-hacker-news - right now that's the old version using Angularjs The project uses as a starting point the amazing Vuejs Implementation from https://github.com/vuejs/vue-hackernews-2.0 . It has super fast server side rendering, that's why the feedback is imediate as you load the page. The thumbnails…
What do you mean by - It has super fast server side rendering, that's why the feedback is imediate as you load the page?
How is this different from a normal VueJS app where I would fetch data with ajax or vue-resource and then fill the elements with content?
Re: Show HN: Read Hacker News Like Pinterest – Built with Vuejs
#96Hi, I'm the author of this project. The code will be available soon on github: at https://github.com/valentinvieriu/visual-hacker-news - right now that's the old version using Angularjs The project uses as a starting point the amazing Vuejs Implementation from https://github.com/vuejs/vue-hackernews-2.0 . It has super fast server side rendering, that's why the feedback is imediate as you load the page. The thumbnails…
What do you mean by - It has super fast server side rendering, that's why the feedback is imediate as you load the page? How is this different from a normal VueJS app where I would fetch data with ajax or vue-resource and then fill the elements with content?
Found it: https://vuejs.org/v2/guide/ssr.html
Re: Show HN: Read Hacker News Like Pinterest – Built with Vuejs
#97The more I am studying React + Redux, the more it becomes apparent to me that it's over engineered for an individual and even a small team. It feels like the Java Swing days where verbosity and architectural opinion dominates all in the name of cross-platformity. Another minus is that you no longer use the existing conventions that stood the test of time, HTML and CSS. It's now JSX and you have to write boilerplate J…
React/Redux solves a specific problem: managing state and DOM rendering in a complex single page app. If you don't have that specific problem, you probably shouldn't use that combination of technologies. If you do, you can use React/Redux or any of the other technologies out there (Angular, Vue etc.).
Re: Show HN: Read Hacker News Like Pinterest – Built with Vuejs
#98The more I am studying React + Redux, the more it becomes apparent to me that it's over engineered for an individual and even a small team. It feels like the Java Swing days where verbosity and architectural opinion dominates all in the name of cross-platformity. Another minus is that you no longer use the existing conventions that stood the test of time, HTML and CSS. It's now JSX and you have to write boilerplate J…
Getting into React is kind of mixed bag. The core concepts are easy to understand and compared to other frameworks lean. JSX is easy, components are trivial but once you try to get productive, wow, it's not that simple anymore. It's more than a bit of HTML embedded in JS.
So, you need really to spend time to understand the core of React very, very well. And this takes time, effort and at least a couple of real and serious apps you should write to understand why React and its concept are the next step in FE dev and why others use React's concept as blueprint (e.g. Inferno). Tutorials are not enough, real projects are the best way to grok React.
I don't think it's like Java Swing, not at all (I think the comparison is misleading since React is from the ground very different, e.g. totally different design patterns/paradigms, .g. no observer pattern, and a super minimal API). It's a tool which is super flexible. It's definitely not your daddy's jQuery-based front-end framework which let you start quickly. But once you get more experienced with React you face much better code maintainability with a small code base already. Further, you should be good at JS and ES6. I guess this might be another obstacle for many. Compared to Vue which I like a lot and which shares also some similarities, Vue is more complex due to a large API surface, code-in-HTML templating syntax, nested instance semantics, observable gotchas, ES5 workarounds and a larger documentation that is absolutely vital to read and understand.
Give React a try. You need of course a real use case. Many website's use cases don't require React and could be done with some simple server-side rendering. So, React is def not the best tool of every job.
I was ignoring React too long by just using it for some toy projects or going through tutorials. This was not enough. Once I tried React for a real project, I learned its brilliance and I don't want to go back to anything else for SPAs or websites with more interactivity.
Re: Show HN: Read Hacker News Like Pinterest – Built with Vuejs
#99this is beautiful
Re: Show HN: Read Hacker News Like Pinterest – Built with Vuejs
#100The more I am studying React + Redux, the more it becomes apparent to me that it's over engineered for an individual and even a small team. It feels like the Java Swing days where verbosity and architectural opinion dominates all in the name of cross-platformity. Another minus is that you no longer use the existing conventions that stood the test of time, HTML and CSS. It's now JSX and you have to write boilerplate J…
I have the same impression. I also tried Angular1 and found it also overly complicated. Currently I am using Teleriks Kendo UI Core (Core is Open Source) and find it a lot more intuitive. Especially the Template and Routing stuff. Also a huge Fan of their "Web Debugger" Fiddler.