Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Show HN: Mockups fixed by making collaboration effortless, built with React

precursorapp.com

Post reply on HN
Print view View original

41–50 of 109 posts

Re: Show HN: Mockups fixed by making collaboration effortless, built with React

#41

Post by 1qaz2wsx3edc »

I think something that could really help this app succeed, is sharable UI elements.

There are a lot of common things I don't want to redraw (date pickers, dropdowns, file uploads, etc, etc). However, I don't want these provided as a static set, because the web and my needs are always changing/growing.

If I was able to browse the community's drawings and add them to my profile for quick insertion into a mockup that would be great or even create my own for reuse.

Just my two, - Cheers

Re: Show HN: Mockups fixed by making collaboration effortless, built with React

#42

Post by dwwoelfel »

If anybody from Trello is around, we'd love to do an integration. As Trello users ourselves, we want to be able to attach a Precursor wireframe directly to a card and sketch our ideas in a Precursor doc without leaving Trello.

Contact daniel@precursorapp.com

Re: Show HN: Mockups fixed by making collaboration effortless, built with React

#43

Post by dwwoelfel »

planetjones wrote: post #40
dwwoelfel wrote: post #23

Earlier quoted context omitted.

Sorry about that! We've only tested with Firefox 38. I'll see if I can install an older version and try to fix whatever bug you're hitting. In the meantime, I'd be interested if Chrome or Firefox 38 works for you.

hi - i checked the logs. I presume it's the corporate network I'm in blocking the websocket stuff WebSocket connection to 'wss://precursorapp.com/chsk?tab-id=883d69ff-1095-4eed-bf63-83d786d55db1&client-id=f71e3c9b-fd70-4710-8502-ada0c73f4760' failed: Error during WebSocket handshake: Unexpected response code: 200 Maybe you could add some better error handling into the GUI ?

Oh no! It's supposed to fall back to long-polling if it can't set up a WebSocket connection. Thanks for letting us know.

Re: Show HN: Mockups fixed by making collaboration effortless, built with React

#44

Post by BFay »

dwwoelfel wrote: post #3
krat0sprakhar wrote: post #2

Good work! Looks like its built in Om?

Good eye, it is built with Om. We've been pretty happy with it and even published a tool to help find performance bottlenecks: https://github.com/precursorapp/om-i For the unfamiliar, Om is a ClojureScript React wrapper that makes React much nicer to work with and adds some nice performance benefits out-of-the-box. Nolan's intro post is pretty inspiring: http://swannodette.github.io/2013/12/17/the-future-of-javasc...

I'm really impressed with the visual design, and curious about what's being used to generate the CSS.

I'm also wondering, are there any difficulties that arise when working with canvas and svg using just Om, or in plain React?

Re: Show HN: Mockups fixed by making collaboration effortless, built with React

#45

Post by dwwoelfel »

BFay wrote: post #44
dwwoelfel wrote: post #3

Earlier quoted context omitted.

Good eye, it is built with Om. We've been pretty happy with it and even published a tool to help find performance bottlenecks: https://github.com/precursorapp/om-i For the unfamiliar, Om is a ClojureScript React wrapper that makes React much nicer to work with and adds some nice performance benefits out-of-the-box. Nolan's intro post is pretty inspiring: http://swannodette.github.io/2013/12/17/the-future-of-javasc...

I'm really impressed with the visual design, and curious about what's being used to generate the CSS. I'm also wondering, are there any difficulties that arise when working with canvas and svg using just Om, or in plain React?

css is generated with less.

I can't say much about canvas, but using svg with React is a bit of a hassle. There isn't built-in support for every svg tag and attribute, so we have to maintain our own fork: https://github.com/precursorapp/react

Once you add support for the tags, though, it's no different than working with any other html in React. I think we'll see React start to eat into d3's market-share pretty soon.

Re: Show HN: Mockups fixed by making collaboration effortless, built with React

#46

Post by bliti »

dwwoelfel wrote: post #7
bliti wrote: post #6

Is it supposed to work on mobile?

It should, although not everything is implemented (most notably delete). Use 2-finger scroll to get around and tap-and-hold to get the tools menu.

Ah, I did not think of the 2 finger scroll. Thought it was broken on mobile. Thank you.

Re: Show HN: Mockups fixed by making collaboration effortless, built with React

#48

Post by moron4hire »

dwwoelfel wrote: post #10
danhardman wrote: post #9

Having trouble zooming in and out (ctrl + scroll). The zoom is incredibly sensitive and once I've zoomed one way, I can't get back to normal... Only to the polar opposite.

Use alt+scroll for less sensitive zoom. You can also hit "1" to reset your viewport to the origin with no zoom. It's a bit of an oddity that ctrl + scroll works at all--mac trackpads set the ctrl key bit on the event when you use pinch-to-zoom. At the normal rate, the pinch-to-zoom feels too sluggish, so I speed it up by 10x. Unfortunately, I can't find a way to tell the difference between pinch-to-zoom on a mac trac…

Would something like this work?

    ontouchstart: scrollMultiplier = 10;
    ontouchend: if(evt.touches.length === 1) scrollMultiplier = 1;

Re: Show HN: Mockups fixed by making collaboration effortless, built with React

#49

Post by alextgordon »

This is awesome. One tiny minor thing. Can you add a little bit of a delay to releasing shift when drawing a shape?

I'm spoiled by the behaviour in Photoshop where there's a little bit of a delay (~75ms) between releasing shift, and it taking effect. This means that both shift and the mouse button can be released simultaneously, instead of having to consciously be aware of the order that you release the keys.

Re: Show HN: Mockups fixed by making collaboration effortless, built with React

#50

Post by dwwoelfel »

moron4hire wrote: post #48
dwwoelfel wrote: post #10

Earlier quoted context omitted.

Use alt+scroll for less sensitive zoom. You can also hit "1" to reset your viewport to the origin with no zoom. It's a bit of an oddity that ctrl + scroll works at all--mac trackpads set the ctrl key bit on the event when you use pinch-to-zoom. At the normal rate, the pinch-to-zoom feels too sluggish, so I speed it up by 10x. Unfortunately, I can't find a way to tell the difference between pinch-to-zoom on a mac trac…

Would something like this work? ontouchstart: scrollMultiplier = 10; ontouchend: if(evt.touches.length === 1) scrollMultiplier = 1;

I would have thought it would be a touch event, but it's actually a normal scroll event. The only difference I can see is that it has the ctrl bit flipped.

Here's the stackoverflow answer: http://stackoverflow.com/questions/15416851/catching-mac-tra...

Post reply on HN