HN Explorer

30 comments

[ 19.0 ms ] story [ 1225 ms ] thread
ramon
Very cool! Now I want one which is a full online version :)
lucasverra
yay ! direct import into marvel app :)

Also, might be due to inexperience in the field but why import/export in JSON ?

vcoelho
So you can load previous configured pages with its settings and mockups.
ramon
Dude imagine this: Canvas on top of this with free drawing and save the results in json-gz all in frontend technology. Save trees, unleash creativity!
lucasverra
Could hand made mockups (a la apple pen) be stored in json and be reproduced flawlessly ?
tracker1
JSON is a very lightweight text serialization that can closely resemble your in-memory object structure. By Contrast XML support way more methods of serialization that are more complex and/or less clear in practice.

They could use a different file extension and even gzip the file as well. I often use line separated JSON+GZ as an interchange format for records.

tiborsaas
This is very well executed.

One suggestion: maybe add an empty block for a placeholder to make space for notes.

eg312
Thanks! The Notes block is the next thing I’ll add to it
roldie
This is fantastic! Very useful, especially for those of us who still think best with pen and paper.
mozillamaxx
Love it. Working out UI issues analog like this really helps sometimes!
tsieling
This is really well done. And +1 for the suggestion of placeholder spaces for notes. Great work, thank you for sharing this.
eg312
Thanks! The Notes component is on the to-do list
kleer001
One of those simple yet brilliant things I wonder why it hadn't been invented yet.
katttrrr
Aren't those ideas the ones that are always the most successful businessess too?
kleer001
If one can continue to crank out those simple genius ideas, yes. And if one has the rest of the skills necessary to run a business.
rhcom2
Is it common to use jQuery with React? I'm relatively new to React.
baddox
I don't think it's common to start a new project with both jQuery and React, or actively develop jQuery and React modules in the same project, but it is probably quite common for projects that initially used jQuery to gradually move modules to React.
vcoelho
Not recommended, but they are compatible. The important is to achieve your goal with whichever tools you currently have.
hpen
Yes it’s common and you can use it. Of course there is also the fetch api.

If it’s a startup project just use whatever your most familiar with and change it when/ if it becomes a problem.

pluma
It's possible. It's not something you normally intend to do in a new project but it's possible to use jQuery and other libraries inside React and it's handy when working with legacy code.
porker
Lovely work! Can we have arrows too please? So we can build the flow between screens into the document
notadoc
This is a great idea.

You could probably turn this into a product if you were to print out notebooks where pages were the templates.

sgt
Cool, although I noticed the output PDF is fairly blurry. Can this be made crisper?
eg312
The blurriness is a problem… With the pdf library I’m using (jsPDF) I cannot export the SVG directly so I convert it to an image and then embed the image in the pdf. To solve the problem, I can increase the converted image’s resolution but then the pdf becomes huge (~20 MB, for example). There is a ‘quality’ parameter in the code, maybe I’ll expose it in the UI and you can find an optimum value. I’ll try to find a way to export or ‘write’ the svg data directly in the pdf, I think it’s the best way to do it.
sleepychu
Can you convert to eps from the SVG and then whack the eps into a PDF?
reaperducer
This could be useful.

For all of the electronic communication in my company, once things get to a certain level of management, they want to see stuff on paper.