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

81–90 of 125 posts

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

#81

Post by redindian75 »

jpochtar wrote: post #80
redindian75 wrote: post #78

As a UI/UX guy, ReactJS/JSX is a very high bar for us to cross. I have tonnes of Sketch/Figma files ready to be wired, as a JS newbie, JSX is too complicated for a Designer mind to understand :-) Any hopes for a beginner friendly language like VueJS or Webcomponents (AMP Pages/Polymer). The tool has great potential, if u can address the UX market than the dev market. Devs have many many tools they wont give up, but w…

coming soon! We're just putting our pants on one leg at a time :)

just saw VueJs on the upcoming list! Yay!

Webcomponents support (StencilJS*) would take this to another level! We can draw/design components to be used and reused!

[0] https://stenciljs.com/

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

#82

Post by jpochtar »

redindian75 wrote: post #81
jpochtar wrote: post #80

Earlier quoted context omitted.

coming soon! We're just putting our pants on one leg at a time :)

just saw VueJs on the upcoming list! Yay! Webcomponents support (StencilJS*) would take this to another level! We can draw/design components to be used and reused! [0] https://stenciljs.com/

You can draw components and re-use them in Pagedraw today! It's what Pagedraw's all about (despite the name :P)

https://documentation.pagedraw.io/components/ and https://pagedraw.io/tutorials/components

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

#83

Post by kreatific »

Hey! Had a quick play, and even though I lost my Insta-clone because I accidentally dragged in an image. I have to say that your app.

Going to try building something a little more real later tonight. See how far I get.

PS. An auto-save feature would be awesome.

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

#84

Post by kraig911 »

jpochtar wrote: post #65
kraig911 wrote: post #62

The robo dog asking me if I know John Connor is giving me bad vibes. I do like what I see. I don't understand the demo though what am I supposed to do?

Hah! I didn't even know we had Terminator quotes in there. Our adorable little Pagedog's inspired by a different... uh... buuuurp.. uh, high concept, sci-fi comedy universe ;) Did you get to https://pagedraw.io/tutorials/basics ? It's the button in the first section that says "Continue to demo"

Yeah I did. I like it. I just can't afford the 2k a month price :( I wish there was a yearly individual license for say 75$/month

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

#85

Post by athesyn »

redindian75 wrote: post #78

As a UI/UX guy, ReactJS/JSX is a very high bar for us to cross. I have tonnes of Sketch/Figma files ready to be wired, as a JS newbie, JSX is too complicated for a Designer mind to understand :-) Any hopes for a beginner friendly language like VueJS or Webcomponents (AMP Pages/Polymer). The tool has great potential, if u can address the UX market than the dev market. Devs have many many tools they wont give up, but w…

I wouldn't say it's too complicated for designers to understand, just a different way of thinking that they haven't practiced yet.

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

#86

Post by WhitneyLand »

jpochtar wrote: post #69
cryodesign wrote: post #41

I'm a designer, so definitely interested in this. But I got a 'Sorry, our editor is optimised for Chrome' message. I'm using the latest version of Firefox... what features does Chrome have that FF hasn't? I get it's early stage, so you might have just done a blanket 'If not Chrome show message' check. If the latest version of FF can support, I would do a more fine grained check. Will check with Chrome later...

We had a good conversation about this before down at https://news.ycombinator.com/item?id=16468276 . tl;dr: would you like the Electron app instead? It's available at https://documentation.pagedraw.io/electron/ It 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. Our editor was almost electron-only, but felt it was better…

Do you mind sharing some of the primary reasons this is required by your editor?

>all kinds of crazy nonstandard things webpages shouldn't do

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

#87

Post by jpochtar »

WhitneyLand wrote: post #86
jpochtar wrote: post #69

Earlier quoted context omitted.

We had a good conversation about this before down at https://news.ycombinator.com/item?id=16468276 . tl;dr: would you like the Electron app instead? It's available at https://documentation.pagedraw.io/electron/ It 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. Our editor was almost electron-only, but felt it was better…

Do you mind sharing some of the primary reasons this is required by your editor? >all kinds of crazy nonstandard things webpages shouldn't do

- until recently, there wasn't a universal cross-browser API for pinch zoom support. Not sure if that's still the case.

- we do a lot of work with the selection/focus browser API, which doesn't always work the same / have the same APIs

- until recently, Firefox had a different opinion about where an outline should go wrt positon:absolute children

...and what seems like a million more little things. We decided it was more practical to do Chrome + Electron (basically the same) than try to cover every browser where the standards don't exist or aren't met, since we're touching a lot of surface area and weird corners of the browser.

Post reply on HN