Pagedraw

A UI builder for the web. Import mockups from @sketchapp or @figmadesign and turn them into @reactjs ready for production. Try

[Pagedraw @PagedrawIO]

@lmatteis You can do this in React with Coffeescript!

[Pagedraw @PagedrawIO]

@Staublicht The product doesn’t support that and it’d be tough to refactor it in

[Pagedraw @PagedrawIO]

Pagedraw is shutting down, and going open source. https://t.co/iz8YjUcCIF

[Pagedraw @PagedrawIO]

@Ingolf_He @k67726990 Both. There are some minor things broken, but I don’t see any reason to invest in Firefox support

[Pagedraw @PagedrawIO]

Pagedraw is written in 30k LOC of Coffeescript. Compact code is nice 😋

[Pagedraw @PagedrawIO]

@lmatteis I believe in a top level “controller” component for each “page”, that delegates rendering to a “view” component composed in Pagedraw. All state lives in the controller, and is passed down into the stateless view.

[Pagedraw @PagedrawIO]

@oliverschoning Use the React components in your Angular app!

[Pagedraw @PagedrawIO]

@Imgonnarelax You should be able to log in and also get to https://t.co/H8fxCB0QzA — we’re letting things go fallow for now until we’re ready

[Pagedraw @PagedrawIO]

The best book on frontend development is SICP

[Pagedraw @PagedrawIO]

@beeman_nl Want to stay relevant for the next 20 years? SICP.

[Pagedraw @PagedrawIO]

@lmatteis @mjackson Re: layout, kind of exactly the webflow CSS Grid stuff. The inspiration, in some ways, for Pagedraw was I found Webflow too difficult compared to Sketch. We got the Sketch flexibility right, but have a hard time with expressing line wrapping and things like that

[Pagedraw @PagedrawIO]

@lmatteis @mjackson Yes, yes, and yes! Exactly right. And yes, we also made Pagedraw in Pagedraw :)

[Pagedraw @PagedrawIO]

@lmatteis @mjackson But composing UIs isn’t actually expressing truly novel ideas— and thus isn’t actually programming. DSLs like HTML are just UIs for models better represented in a GUI /2

[Pagedraw @PagedrawIO]

@lmatteis @mjackson Re programming state: I couldn’t come up with a UI I liked. My thesis is that language (code) is the best way to express truly arbitrary ideas, and thus must be used for anything novel /1

[Pagedraw @PagedrawIO]

@lmatteis @mjackson Re CSS grid: I think we might be using different meanings for the same word— what do you mean by styling? I thought webflow’s CSS Grid thing was for positioning objects in a page

[Pagedraw @PagedrawIO]

@mjackson @lmatteis I... may not know how to twitter. Switch flipped, try now!

[Pagedraw @PagedrawIO]

@pipelujan Email us at [email protected] and we’ll help you sort this out!

[Pagedraw @PagedrawIO]

@crutchcorn Just port them to React! There’s no extra work for React components