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

Launch HN: Pagedraw (YC W18) – Compile UI Mockups to React Code

news.ycombinator.com

Post reply on HN
Print view View original

31–40 of 125 posts

Re: Launch HN: Pagedraw (YC W18) – Compile UI Mockups to React Code

#31

Post by jpochtar »

ranyefet wrote: post #27

Looks really cool! If it actually generate nice code, it will be awesome! I’m gonna play with it this weekend! How does it work with CSS?

You never have to write CSS for a Pagedraw generated component. If you must use custom css, you can mark a block in Pagedraw as a handwritten component coming from a designated file. In that component (done entirely by hand, outside Pagedraw), you can of course use whatever CSS you want. Pagedrawn components and handwritten components play nicely together; the CSS we generate shouldn't interfere at all with the CSS you write by hand for non-Pagedraw components.

Re: Launch HN: Pagedraw (YC W18) – Compile UI Mockups to React Code

#32

Post by jpochtar »

k__ wrote: post #29

How does it work with incremental Sketch imports? I often get a new version of a sketch file now and then and would need to import that new version while keeping/updating the old components I already have

You can keep working on your Sketch file after importing it into Pagedraw. Subsequent uploads will merge your changes in Sketch with your edits in Pagedraw.

We're pretty proud of the mechanism (it fell out almost for free from our live collaboration mechanism!) and will almost certainly blog about it when we have time.

https://documentation.pagedraw.io/sketch/#bring-in-future-in...

Re: Launch HN: Pagedraw (YC W18) – Compile UI Mockups to React Code

#33

Post by btown »

jpochtar wrote: post #22
ezconnect wrote: post #5

Doesn't work on Firefox

This was tough for us, because we're big believers in the standards-based web. We 100% promise that all the code we generate works across all browsers. Unfortunately, while most of the editor works in all browsers, getting full support is really hard. We're doing a lot of things that get pretty deep in the browser, so we wanted to lock things down as much as possible. We almost were electron-only to ensure consistenc…

As someone who also made this difficult decision to launch a product with only Chrome support: don’t feel bad, and don’t feel responsible for haters. Supporting other browsers, even those that are standards compliant, is a nefarious class of technical debt: from verifying scrollbar sizing to performance degradations, you add a tremendous amount of overhead to ongoing QA - especially important when you have a small team without dedicated QA resources or processes, and a clientele with an eye towards aesthetic detail. We owe it to our respective missions to focus on what matters.

For my part, I look forward to trying the product!

Re: Launch HN: Pagedraw (YC W18) – Compile UI Mockups to React Code

#35

Post by dan1234 »

fnando wrote: post #23

> Sorry, our editor is optimized for Chrome Internet Explorer all over again. ‍️

Worst thing is it all seems to work fine in Safari as soon as I change my user agent string to Chrome, so it doesn't even seem to using any Chrome specific features…

Re: Launch HN: Pagedraw (YC W18) – Compile UI Mockups to React Code

#36

Post by ggg9990 »

fnando wrote: post #23

> Sorry, our editor is optimized for Chrome Internet Explorer all over again. ‍️

A highly specialized Web app doesn’t need to support more than one browser. If you’re a Firefox user, consider it as though it said “please download the Spotify app to use our service on your machine.”

Re: Launch HN: Pagedraw (YC W18) – Compile UI Mockups to React Code

#37

Post by yodon »

jpochtar wrote: post #22
ezconnect wrote: post #5

Doesn't work on Firefox

This was tough for us, because we're big believers in the standards-based web. We 100% promise that all the code we generate works across all browsers. Unfortunately, while most of the editor works in all browsers, getting full support is really hard. We're doing a lot of things that get pretty deep in the browser, so we wanted to lock things down as much as possible. We almost were electron-only to ensure consistenc…

For anyone else looking for the electron app mentioned above it’s at https://documentation.pagedraw.io/electron/ BUT only in Mac and Linux versions

Re: Launch HN: Pagedraw (YC W18) – Compile UI Mockups to React Code

#38

Post by scrollaway »

Looks really nice.

Can I get this on my desktop? (In other words: Can I work on this from a plane?)

I don't see anything about pricing in there, so using a web service (and having to log in...) to use this, I'm not super happy about. Balsamiq has a good system: They have both a desktop and a web version, let you import/export between the two, and charge you for licenses and online storage.

[edit: And furthermore, if you do a desktop version, you can also do it as a vscode extension, that'd be super cool]

Re: Launch HN: Pagedraw (YC W18) – Compile UI Mockups to React Code

#40

Post by stefano »

monkmartinez wrote: post #34
fnando wrote: post #23

> Sorry, our editor is optimized for Chrome Internet Explorer all over again. ‍️

And inevitable considering the pace of technology. Nothing is perfect, and IMO, its best to just get on the with it.

If you just get on with it, you're contributing to make Chrome a monopoly, and that will in turn slow down the pace of technology. Google/Chrome won't act differently from Microsoft/IE6. There's no reason to invest in improving a browser if there's no one left to compete against you.
Post reply on HN