- 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)
Thx, will fix.
Show HN: A simple note-taking app built in React
11–20 of 63 posts
Re: Show HN: A simple note-taking app built in React
#12Doesn't seem to work on android. Can't even type a title.
+1. Thx.
Re: Show HN: A simple note-taking app built in React
#13One of the things I'd like to learn next in React is animations / transitions. Got any tips on how you did yours?
The CSSTransitionGroup component that comes with the React "addons" is very useful.
Re: Show HN: A simple note-taking app built in React
#14Looks pretty slick! Nice job!
Re: Show HN: A simple note-taking app built in React
#15This is great! Also, much thanks for making the source available.
Quick question - I can see that you're using Facebook flux as a data flow library in your app. Is there a particular reason you chose not to try the, albeitly simpler, Reflux / Alt etc? I'm working on a decent sized React app myself and would love to know your thoughts on this.
Thanks and great work!
Re: Show HN: A simple note-taking app built in React
#16Is 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.
Re: Show HN: A simple note-taking app built in React
#17Is 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 over a div and I sync and transform the content. It is a bit clunky as you say but I anticipate it will get better.
Re: Show HN: A simple note-taking app built in React
#18This is great! Also, much thanks for making the source available. Quick question - I can see that you're using Facebook flux as a data flow library in your app. Is there a particular reason you chose not to try the, albeitly simpler, Reflux / Alt etc? I'm working on a decent sized React app myself and would love to know your thoughts on this. Thanks and great work!
I honestly just wanted to try flux. I ran into some problems with my architecture however and maybe reflux would of helped me simplify it. I think you made a fine choice.
Re: Show HN: A simple note-taking app built in React
#19I'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!
Re: Show HN: A simple note-taking app built in React
#20Is 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…
Input is noticeably slow for me as well.
i5 3570K, 16GB DDR3, FF36 and Chrome 41, Xubuntu 14.04 input speed seems to be equally slow on both, very noticeable if you press and hold a key.