News for hackers. Stuff that matters.
Re:Introducing Sketch: A Playground for React Native from Ex... by ccheever on Tuesday March 14, 2017 @12:27PM (#13868900)
Hi! I worked on this and am happy to answer any questions about it :)
Re:Introducing Sketch: A Playground for React Native from Ex... by welder on Tuesday March 14, 2017 @12:57PM (#13869242)
My initial reaction was to associate this with Sketch App for Mac [1]. How do you plan to prevent confusion?

[1] https://www.sketchapp.com/

Re:Introducing Sketch: A Playground for React Native from Ex... by sbarre on Tuesday March 14, 2017 @01:51PM (#13869771)
Yeah same here. Sketch is a pretty widely adopted tool in web development so your audiences will very likely overlap.

I would re-consider the name sooner than later?

Re:Introducing Sketch: A Playground for React Native from Ex... by alexgaribay on Tuesday March 14, 2017 @12:58PM (#13869254)
That was my initial reaction as well.
Re:Introducing Sketch: A Playground for React Native from Ex... by tpowell on Tuesday March 14, 2017 @01:56PM (#13869824)
Yup.
Re:Introducing Sketch: A Playground for React Native from Ex... by ccheever on Tuesday March 14, 2017 @02:27PM (#13870131)
We thought it was such a different product that people wouldn't be confused at all. But if it turns out to be a problem, we'll figure something out. Thanks for the feedback!
Re:Introducing Sketch: A Playground for React Native from Ex... by rhizome on Tuesday March 14, 2017 @02:30PM (#13870162)
How will you know whether it's a problem?
Re:Introducing Sketch: A Playground for React Native from Ex... by dyarosla on Wednesday March 15, 2017 @01:21PM (#13877869)
It sounds like you're turning a deaf ear to the fact that it is a problem. Both apps are used for designing applications (even though the functionality and what kind of design is different). I wouldn't be surprised if your mentors at YC have already advised you to change the name. And more people in this thread have commented on the name issue more than your product itself. "If it turns out to be a problem"- It's a problem alright.
Re:Introducing Sketch: A Playground for React Native from Ex... by foota on Tuesday March 14, 2017 @12:53PM (#13869192)
Looks great!

One suggestion, I didn't notice the first time I visited the page that the modal window prompting to open the app was a modal, I thought that it required an app download. It didn't even occur to me to click somewhere else on the page and so I just closed the tab. It wasn't until I read the article that I realized you could use it on a desktop.

Re:Introducing Sketch: A Playground for React Native from Ex... by jesseruder on Tuesday March 14, 2017 @12:56PM (#13869233)
Ah interesting point. Maybe we could make the overlay slightly more transparent?
Re:Introducing Sketch: A Playground for React Native from Ex... by tomeglenn on Tuesday March 14, 2017 @01:18PM (#13869467)
Or remove it entirely... You don't need to "scan" anything to "get started". So it's not even an accurate piece of guidance for the user. Or am I missing something?
Re:Introducing Sketch: A Playground for React Native from Ex... by jesseruder on Tuesday March 14, 2017 @01:23PM (#13869524)
Well you either need to scan or click the "Preview" button to open up Appetize. We thought it'd be good to push people towards the mobile apps since they have better performance.
Re:Introducing Sketch: A Playground for React Native from Ex... by mxstbr on Tuesday March 14, 2017 @01:17PM (#13869462)
Same here!
Re:Introducing Sketch: A Playground for React Native from Ex... by grinich on Tuesday March 14, 2017 @12:48PM (#13869127)
congrats on the launch! this is really cool

also reminds me a bit of shadertoy https://www.shadertoy.com

hopefully this will help the react native community grow even faster :)

Re:Introducing Sketch: A Playground for React Native from Ex... by jesseruder on Tuesday March 14, 2017 @12:52PM (#13869189)
Thanks! I really like how shadertoy show previews of each shader. Maybe that's something we could add eventually.

Also - you can use OpenGL with this: https://sketch.expo.io/rJiYksBse

Re:Introducing Sketch: A Playground for React Native from Ex... by grinich on Tuesday March 14, 2017 @01:01PM (#13869277)
Small suggestion: it would be awesome if the sketch homepage listed examples and had a quick screenshot or two. most people go to react.rocks and it looks like crap. https://react.rocks/tag/ReactNative

I totally understand why you need a "download the app before viewing" flow, but that requirement is now such a pervasive and hostile UX pattern for growth marketers that I bet many new visitors will just bounce before even clicking through.

Maybe you can show the live preview sidebar by default and also have a button that says "See live on your device" which prompts for download+QR

Right now the "Scan with Expo" landing page doesn't even make it clear there is code behind there! :)

ps: the openGL demo is crashing via Appetize for me within nothing in the logs

Re:Introducing Sketch: A Playground for React Native from Ex... by jesseruder on Tuesday March 14, 2017 @01:05PM (#13869331)
Those are all really good points. We wanted to push people to download the apps because the performance is so much better than Appetize, but maybe that's not the right tradeoff.

Thanks for letting me know the OpenGL demo is crashing, I'll take a look at that.

edit: It looks like we have a bug with our iOS simulator build. We'll update that but for now Android Appetize works.

Re:Introducing Sketch: A Playground for React Native from Ex... by nikki93 on Tuesday March 14, 2017 @06:52PM (#13872241)
The OpenGL issue is fixed now. :)

Here's an example with THREE.js: https://sketch.expo.io/rkpPMg8ie

Plain OpenGL: https://sketch.expo.io/SJaCWirsg

Re:Introducing Sketch: A Playground for React Native from Ex... by headcanon on Tuesday March 14, 2017 @02:14PM (#13869978)
Hey, so I tried it out and wanted to see how well it functions as a "stand alone" app - I closed the expo browser tab and loaded the demo from the Expo menu, but it wasn't loading. Does the browser window need to be open by design, or is it a bug?

Also, is there a way for general expo apps to get their own launcher (on Android at least)?

Great work by the way, this is really awesome.

Re:Introducing Sketch: A Playground for React Native from Ex... by satya164 on Tuesday March 14, 2017 @02:49PM (#13870316)
The browser communicates with the device via PubNub to send the code. So it needs to be open when previewing the app. But being able to view it on the phone without the browser is useful. Thanks for the feedback.
Re:Introducing Sketch: A Playground for React Native from Ex... by jesseruder on Tuesday March 14, 2017 @02:51PM (#13870333)
If you click save and then re-scan the QR code, that url should work without the webpage open. Let me know if it doesn't work.
Re:Introducing Sketch: A Playground for React Native from Ex... by chubs on Wednesday March 15, 2017 @12:13AM (#13873763)
I just downloaded the iOS client, scanned the QR code on my computer, and the client briefly flashed up what I think matched the sketch's code, then took me to a camera screen displaying 'open up sketch.expo.io and scan the QR code to get started!'

Any ideas? Idea looks very promising. Thanks

Re:Introducing Sketch: A Playground for React Native from Ex... by chubs on Wednesday March 15, 2017 @12:26AM (#13873809)
The problem was that my computer was on a corporate Wifi that wasn't allowing pubnub to work. Perhaps a more helpful error message is worth considering? Anyway, thanks for creating this tool, will enjoy checking it out.
Re:Introducing Sketch: A Playground for React Native from Ex... by hackcrafter on Wednesday March 15, 2017 @09:16AM (#13875832)
This is really cool!

I have been using Exponent (Expo) on a side project for 5 months and love it.

Can I ask what editor this is built on? I've been considering for another project having a "live editor" for writing extensions, and this is the best ES6 + linter I've seen!

Is any of this app open source?

Re:Introducing Sketch: A Playground for React Native from Ex... by kyriakos on Tuesday March 14, 2017 @01:58PM (#13869830)
Will we be able to add external components?
Re:Introducing Sketch: A Playground for React Native from Ex... by satya164 on Tuesday March 14, 2017 @02:05PM (#13869900)
You cannot do that right now. There are a few libraries already bundled which you can use. But we are planning to work on adding this feature.
Re:Introducing Sketch: A Playground for React Native from Ex... by kyriakos on Tuesday March 14, 2017 @02:18PM (#13870010)
Or maybe if I create a custom component inside sketch, it would be nice if it's added as a template in the components toolbar.
Re:Introducing Sketch: A Playground for React Native from Ex... by jesseruder on Tuesday March 14, 2017 @02:52PM (#13870346)
That's a great idea! We need to add an accounts system before we can do that, but I'll add that to our list.