Live data from Hacker News

Show HN: A simple note-taking app built in React

notello.com

21–30 of 63 posts

Re: Show HN: A simple note-taking app built in React

#21
post #7

- Click on the top left icon to see some animations. UX issues: - I couldn't exit a box; (is done by pressing the x in the box)

After you open that bar, click on the title area, drag up while still holding and release outside the wooden desk. Now you can continue typing the title with the view in perspective, and see it update live in the title of the file.

Re: Show HN: A simple note-taking app built in React

#23

Is there a reason why typing is so slow? It seems like it's really chugging away on something as I type. I would guess there's a 500ms or so delay between hitting a key and it ending up on the notepad. Same goes for clicking to change the cursor placement.

If you could tell me some of the specs of your system so I can check why it is so laggy that would be great. One thing that is hacky/a problem with the app is that I wanted to be able to hash tag notes and have the hashtags a different color. Also very soon i'd like to add the ability to highlight text. It's pretty hard to do that smoothly even with the contenteditable attribute. I decided on a transparent textarea o…

Slow for me too - i7 3770k, 16gb ram, win 8

Re: Show HN: A simple note-taking app built in React

#24
When I have a box open with a single file, I don't see my current file, which is out of the box, in the top bar.

Upon closing the box, the file appeared. Felt confusing to me.

Example: http://imgur.com/QKBr3lb

Looks fancy, but I think the animations are too much/long for frequent / intensive usage.

Re: Show HN: A simple note-taking app built in React

#25

Is there a reason why typing is so slow? It seems like it's really chugging away on something as I type. I would guess there's a 500ms or so delay between hitting a key and it ending up on the notepad. Same goes for clicking to change the cursor placement.

If you could tell me some of the specs of your system so I can check why it is so laggy that would be great. One thing that is hacky/a problem with the app is that I wanted to be able to hash tag notes and have the hashtags a different color. Also very soon i'd like to add the ability to highlight text. It's pretty hard to do that smoothly even with the contenteditable attribute. I decided on a transparent textarea o…

Slow for me Mac Pro 2.6Ghz i5, 16GB ram, SSD.

Run a JS profile on your code, I think there's some performance bugs.

Re: Show HN: A simple note-taking app built in React

#26

I'm a bit conflicted - I actually quite like both the skeuomorphism and the 3D transitions separately, but the two in combination doesn't really make much sense to me!

I hear you. It was actually supposed to be like you're looking down at a desk and then seem as if you were moving your head up at the bookshelf. The bookshelf doesn't move so it's a bit odd right now.

Re: Show HN: A simple note-taking app built in React

#29

Is there a reason why typing is so slow? It seems like it's really chugging away on something as I type. I would guess there's a 500ms or so delay between hitting a key and it ending up on the notepad. Same goes for clicking to change the cursor placement.

The reason could be that React always revisits the entire virtual dom tree whenever something changes (even if it is only a very small change).

Re: Show HN: A simple note-taking app built in React

#30
post #27

looks pretty. how do you get something out of a box? drag and drop looks like box can be placed inside other box but it cant.

I still have to implement that. Not sure how to represent that in the UI yet. Maybe drag it back to the open box. Not sure yet.
Post reply on HN