from Hacker News

Introducing Sketch: A Playground for React Native from Expo (YC S16)

by ccheever on 3/14/17, 4:24 PM with 134 comments

  • by sergiotapia on 3/14/17, 8:32 PM

    Change the name fellas. Sketch is a brand new tool that's about to replace Photoshop for almost all web design work.
  • by dabbott on 3/14/17, 5:33 PM

    Great job Expo team! :)

    I think between Sketch and Create-React-Native-App, you guys are solving the single biggest problem in React Native right now: getting started. The relatively complex environment setup really discourages newcomers. Once they try it in the browser first, they're sure to love it :) After that, Create-React-Native-App makes setting up a breeze.

    I plan on using both of these things in my React Native classes, since they're going to save a lot of time and effort!

  • by chrisallick on 3/14/17, 5:56 PM

    I really don't understand how this product can be called Sketch in good conscience. Sketch is already a disruptive gorgeous product that has changed ux and digital design. It should be respected and given room to breathe. Change the name of your product.
  • by usaphp on 3/14/17, 5:43 PM

    For anyone who does not understand why it always shows a QR code and a "Download from app store" buttons, there is a close button on top right corner to close that modal.

    Not sure it was a great idea to always show that modal, it took me a while to figure out that I can close it, I thought it's an ios app...

  • by brentvatne on 3/14/17, 6:27 PM

    Here's a fun example of a pretty common UI pattern -- the header transitions into another as you scroll, and the hero image scales / fades depending on scroll position too: https://sketch.expo.io/SyVvB3Hjx -- it uses React Native's native animated driver with ScrollViews :)
  • by headcanon on 3/14/17, 6:16 PM

    I will grant you the initial QR code bit was a tad confusing (might be fixed with messaging), but when I made my first change and saw it reflected immediately on my phone I was instantly floored. This is really incredible guys keep it up!
  • by level on 3/14/17, 4:57 PM

    I imagine an integration with Appetize[1] would be very useful, as well as an opening for a possible revenue stream. Being able to build an RN app and then run it right in the browser removes another barrier for sharing RN code easily.

    [1] https://appetize.io/

  • by nikki93 on 3/14/17, 10:42 PM

    A couple graphics demos:

    Basic THREE.js example: https://sketch.expo.io/rkpPMg8ie

    OpenGL "from scratch" (no wrapper libraries): https://sketch.expo.io/SJaCWirsg

  • by israrkhan on 3/14/17, 11:10 PM

    Yesterday, I played around with CRNA (and it was amazing). This is even more useful. You can get started here, do quick prototype, and as things start to get more complicated, move to CRNA project. Do rest of the stuff in CRNA, and when CRNA cannot handle it, do an eject!
  • by sorenbs on 3/14/17, 7:27 PM

    Expo is awesome and Sketch looks like the best way to get started. Great work!

    In my opinion Expo and GraphQL is a power combo and it so happens that we just released a new cli to generate hosted GraphQL apis (also on the frontpage) so that would be a really easy way to get started.

    https://news.ycombinator.com/item?id=13870379

  • by mihaela on 3/14/17, 6:09 PM

    Name is already taken. You should have payed attention.
  • by aliceyhg on 3/14/17, 8:39 PM

    My team usually checks out each other's branch and runs the mobile app in simulator during code review. I see this tool being incredible addition to dev teams if instead of checking out a dev's branch and running the app on reviewer's simulator, the reviewer could just play with it using expo. Is this a use case you are considering?
  • by jesseruder on 3/14/17, 4:40 PM

    Here's an example we made using the Animated library: https://sketch.expo.io/HyobXP7oe

    And a basic SVG example: https://sketch.expo.io/H1ucC8Xsg

  • by Hydraulix989 on 3/14/17, 5:49 PM

    Ah, so you have an app that links to the "fiddle" and downloads the RN JS bundle and runs it for you, instead of an emulator. Nice!

    I'm still trying to figure out whether it is possible to run RN directly in the browser using an interpreter instead of an emulator, along with something like emscripten (might have to run an emscripten-compiled JVM, too haha). Sounds really tricky, for one thing, any Android or iOS SDK calls would need intercepted and re-written for the browser, much like what WINE does.

  • by jesseruder on 3/14/17, 7:02 PM

    We just deployed a change to make the modal overlay more transparent. Hopefully this will make it more obvious that there's an editor underneath the modal.
  • by ccheever on 3/14/17, 4:27 PM

    Hi! I worked on this and am happy to answer any questions about it :)
  • by d0100 on 3/14/17, 8:16 PM

    And of course, I am left out of the fun. Why did I have to buy a Windows Phone...
  • by dorianm on 3/15/17, 9:15 AM

    This is history! Being able to write native apps from anywhere, from chromebooks, from any random computer, and shareable, etc.! This is extremely great!
  • by pka on 3/15/17, 8:49 AM

    So now if something like this gets integrated into the OS and gets deeplink support and some OS-wide back button on the desktop [0] I think we actually may be one step closer to interlinked, insta-updateabble, native apps!

    Maybe we'll someday see the browser dethroned after all...

    [0] https://github.com/ptmt/react-native-macos

  • by lnanek2 on 3/14/17, 5:52 PM

    Seems really similar to the React Native tutorials where you can already type in a text box and see changes in a phone preview immediately: https://facebook.github.io/react-native/docs/tutorial.html
  • by tedmiston on 3/15/17, 2:01 PM

    Anyone else stuck on the loading (maybe error?) screen, after clicking the "Open with Expo" button on iOS?

    > This is taking a while… Press this text to stop loading and scan another QR code.

  • by st3v3r on 3/14/17, 5:13 PM

    So, when you came up with the name, did you look in the mobile space to see if, maybe, there was another popular tool with the same name that might be confusing?
  • by intellix on 3/15/17, 11:37 AM

    Sketch to React Native... awesome! oh wait, it's just the exact same name and has nothing to do with Sketch at all. Name should be changed IMO.
  • by matlin on 3/15/17, 2:03 PM

    This team is honestly moving and building user requested features faster than any other team I have seen.
  • by afghanPower on 3/14/17, 7:21 PM

    Quick question for the creators: Isn't updating apps without running them through Apple against their TOS?
  • by masters3d on 3/15/17, 1:59 AM

    I'd love TypeScript Support.
  • by evolve2k on 3/15/17, 12:46 AM

    It's it's a Playground, maybe consider 'Expo Playground'
  • by modarts on 3/15/17, 3:04 AM

    Name really needs to change.