Sketch — A Playground for React Native – Exposition

  • Tools like Create React Native App and Expo make this much easier, but it’s still not quite the same experience as an online demo.I’ve been lucky enough to be working with Charlie Cheever and Jesse Ruder on Sketch for the past month, which addresses these pain points and makes it super easy to try something quickly.
  • And today we’re excited to announce Sketch to the public.Let’s go over the features, shall we?Instantly test your code on a device, or in the browserCreating a new sketch couldn’t be easier.
  • You can either preview the component on the emulator inside the browser, or open it directly on your device with the Expo app.The UI updates as you type — every keystroke, without having to hit save.
  • Facebook Login, BarCode scanner, Accelerometer, Maps, you name it.You can also import the following third party modules which we’ve bundled with the app: @expo/vector-icons, @expo/ex-navigation, react-router-native, react-navigation, react-native-tab-view, redux, react-redux, redux-effex, redux-logger, redux-thunk, apollo-client, react-apollo, graphql-tag, ReactNativeART, art/morph/path, base-64, date-fns, gl-mat4, hsv2rgb, immutable, lodash, pubnub, regl, seamless-immutable, socket.io-client, three, url-parse, uuid-jsvalidatorDrag and drop components to add features instantlyDon’t remember how to use those APIs and too lazy to look it up and copy paste code (and fix the errors, cause you never manage get it right the first time)?
  • Fear not, there’s a component library from where you can just drag and drop components to add a feature instantly!See Device logs in the EditorNeed to log that object to see why your code won’t work?

Today, we’re happy and excited to announce the release of Expo Sketch. You can try it right now by going to https://sketch.expo.io/ on your computer’s web browser. I’ve been always excited about…
Continue reading “Sketch — A Playground for React Native – Exposition”

Introducing Create React Native App

  • Today we’re announcing Create React Native App: a new tool that makes it significantly easier to get started with a React Native project!
  • With Create React Native App, there’s no need to use Xcode or Android Studio, and you can develop for your iOS device using Linux or Windows.
  • This is accomplished using the Expo app, which loads and runs CRNA projects written in pure JavaScript without compiling any native code.
  • Try creating a new project (replace with suitable yarn commands if you have it installed):

    This will start the React Native packager and print a QR code.

  • Create React Native App is now stable enough for general use, which means we’re very eager to hear about your experience using it!

Today we’re announcing Create React Native App: a new tool that makes it significantly easier to get started with a React Native project! It’s heavily inspired by the design of Create React App and is the product of a collaboration between Facebook and Expo (formerly Exponent).
Continue reading “Introducing Create React Native App”