Live data from Hacker News

Show HN: Real-time notes app built with Vue.js, inspired by Notational Velocity

notational.co

51–60 of 144 posts

Re: Show HN: Real-time notes app built with Vue.js, inspired by Notational Velocity

#51

Earlier quoted context omitted.

Phoenix is great because it gives you the same productivity benefits that Rails does, but it doesn't have any of the crazy "magic", which makes it both fast and also easy to understand. When you want to learn about how something works you can pop the hood and read the source code, and it's both well-documented and easy to understand. Elixir is also functional as opposed to object-oriented, which means no leaky abstra…

How much time would you recommend spending with Elixir before moving into a Phoenix app?

Time-wise, it's hard to say. I went through Saša Jurić's Elixir in Action[1] before diving into Phoenix. But that's because I was coming from an object-oriented background (Ruby, some C#) and wanted a bit more exposure to functional programming.

Elixir is a fairly deep language, but you don't need to know it inside out to become productive with Phoenix. Obviously it depends on what type of app you want to develop, but you can probably piece together a simple CRUD app just by reading the official Phoenix guides. Everyone has a different style of learning though so it's hard to say beyond that. Ultimately, just like with Rails, knowing the language itself (i.e. Ruby) will be very helpful once you get beyond the basics.

Specifically, there were a few things that took a while for me to fully wrap my mind around. For example, data is immutable, so loops are written differently. Instead of a traditional for loop to loop over a collection, you would instead use recursion. So if you're like me and are used to reaching for a for loop or a while loop to iterate over collections, you'll need a bit of time to get used to some of Elixir's mechanisms.

[1]https://www.amazon.com/Elixir-Action-scaron-Juri-cacute/dp/1...

Re: Show HN: Real-time notes app built with Vue.js, inspired by Notational Velocity

#52
post #42

Forgive me for asking, but I can't find a clear answer anywhere. What is the business benefit to using Vuejs and what is the closest alternative?

The business benefit is going to be subject to a lot of debate. In principle though, it's that it's less time to implement.

Re: Show HN: Real-time notes app built with Vue.js, inspired by Notational Velocity

#53
post #45
post #34

Earlier quoted context omitted.

I could try to understand from the source, but since you're here: how are you handling application state and non-parent child communication? Also, is your search feature client side only? Also, Ctrl+enter isn't working for me (Chrome, Linux)

Yup, using Vuex (thanks @kylestlb)! Search is currently client-side only (using string_score https://github.com/joshaven/string_score ). Eventually it could move to the server. Thinking about something like Elasticsearch. Ctrl + Enter not working is strange. I tested on a variety of browsers and OSs. Can you message me at tom@meagher.co?

Oops - it only fails when I use my "Caps lock mapped to control" on Linux mint. With the proper physical Left Ctrl it worked.

No idea why those two combinations are different for the browser.

Re: Show HN: Real-time notes app built with Vue.js, inspired by Notational Velocity

#56
post #42

Forgive me for asking, but I can't find a clear answer anywhere. What is the business benefit to using Vuejs and what is the closest alternative?

React.js is probably the most similar popular framework because of its one-way data binding. Vue's creator (Evan You) wrote a Comparison with Other Frameworks (http://vuejs.org/v2/guide/comparison.html) that's worth reading. Dan Abramov, co-author of Redux, helped keep the comparison with React grounded.

Re: Show HN: Real-time notes app built with Vue.js, inspired by Notational Velocity

#57

That's awesome ! Would you be able to explain what frameworks, etc you used to create it. I'm just learning to program. As in front end, back end etc.

High-level details: Notational runs on Firebase (serverless) and uses Vue.js (along with Vuex and vue-router).

For more details, email me at tom@meagher.co. I'm happy to help anyone learning to code/build apps.

Re: Show HN: Real-time notes app built with Vue.js, inspired by Notational Velocity

#58
post #10

Vue.js is awesome! I am glad to see so many more people adopting it for serious projects.

What are your favourite libraries/extensions (for want of a better term) to use with it? I'm on my first VueJS 2 project, and found a number which are abandoned...

Re: Show HN: Real-time notes app built with Vue.js, inspired by Notational Velocity

#59

Semi-related: I've been using Vue along with Phoenix on the server, and the stack is simply incredible in terms of productivity and ease-of-use. I'm tentatively planning on writing a book that teaches how to use the two together (I call the stack "Vuenix"). Would people here be interested in that?

I've been hearing a lot of good things about Phoenix. I do web application development for a living, so I'm interested in learning more about it. I decided to take a look at the official getting started guide. Looks pretty good. I like how rigidly everything is organized. Though, there are some things that put me off a bit: * There are a lot of dependencies just to get a simple hello world app running. * I need to ha…

>>I need to have a Db installed even though the application doesn't touch a the Db?

No. You can use an in-memory repo, or a flat file. Phoenix's initial configuration assumes you'll be using Postgres, but that's easy to change/remove.

>>Honestly, working with ecto outside of initial model creation looks kind of nasty. I could be looking at this wrong though.

Ecto is interesting. Coming from Rail's ActiveRecord, it definitely gave me a bit of trouble at first. But then I realized that was because I was thinking of it as an ORM, whereas in reality it's more like a library that maps the data in your database into data structures in your app (I say "data structures" because there are no objects in Elixir, remember). What that means is that it's functionality is not as tightly coupled to your data. Here's a more in-depth explanation (I'm not the author): https://www.amberbit.com/blog/2016/2/24/how-elixirs-ecto-dif...

Over time I've come to appreciate Ecto, because it forces me to think more explicitly about what data I want to fetch/insert and how. It also makes the code easier to reason about.

RE: Dependencies, it's hard for me to say. I can tell you that compared to Ruby and Rails, Elixir and Phoenix are very lightweight. It's true that you need to install some of the underlying language tools such as Mix, but at the end of the day Phoenix follows a more a-la-carte approach compared to Rail's "everything and the kitchen sink" approach.

Re: Show HN: Real-time notes app built with Vue.js, inspired by Notational Velocity

#60
post #42

Forgive me for asking, but I can't find a clear answer anywhere. What is the business benefit to using Vuejs and what is the closest alternative?

If you are moving onto an old jquery style codebase (via inheriting/changing job) Vue.js can be used as a straight drop in library via a script tag and you can start unsouping that jquery mess.

It also reminds me a lot of a spiritual successor to KnockoutJS (which was/is my favourite JS clientside tool still).

Post reply on HN