Slide 1

Slide 1 text

Building Expo Apps with Draftbit ✨ Peter Piekarczyk

Slide 2

Slide 2 text

Peter Piekarczyk • Polish • Loves to Cycle • ReasonML Enthusiast • React Native Lover (obv) • Expo’s First User • Loves Plants (@petersplantss) • Y Combinator Alumn • Co-Founder of Draftbit

Slide 3

Slide 3 text

React Rally 2015 The humble beginnings

Slide 4

Slide 4 text

Dramatic Recreation of Creating React Rally Expo App in 45 Minutes Circa August 2015

Slide 5

Slide 5 text

Real Recreation of Creating *Any* App in 45 minutes (or any time frame) Circa Every Day

Slide 6

Slide 6 text

Orchard • Manage your personal & professional connections • Keep in touch with the people you already know
 • Built with Expo, GraphQL, React Navigation
 • Accepted into Y Combinator

Slide 7

Slide 7 text

Perry from Shrek $3.5 million dollar house TFW 1 Day Sprints

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

You should be working on dev tools - Amjad Masad, co-founder repl.it

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

Snowy mountain top Wooded mountain top Rocky Mountain top

Slide 13

Slide 13 text

–Every Medium writer “The Ultimate Guide to Finding Yourself While You’re Standing On a Mountain Top in Colorado”

Slide 14

Slide 14 text

— Someone who started 16 companies in 2 weeks to write a Medium article about it “What I learned starting 16 companies in 2 weeks”

Slide 15

Slide 15 text

• YC Intros • Altos • Twitter Prospector • slither.io Life After Orchard

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

Draftbit, finally

Slide 18

Slide 18 text

Draftbit is a platform to help you build mobile apps visually

Slide 19

Slide 19 text

1. Scan QR Code 2. Drag Components 3. Export Code

Slide 20

Slide 20 text

Layers Frame Config

Slide 21

Slide 21 text

No content

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

No content

Slide 25

Slide 25 text

Stop Wasting Time Doing The Same Shit

Slide 26

Slide 26 text

• React / ReasonML • WebAssembly • Expo • GraphQL • Postgres Draftbit Stack

Slide 27

Slide 27 text

Components • Jigsaw library (themed) • React Native Primitives • Helpers

Slide 28

Slide 28 text

Theming • Custom Fonts • Colors • Spacing • Shadows & Border Radius • Typography

Slide 29

Slide 29 text

No content

Slide 30

Slide 30 text

No content

Slide 31

Slide 31 text

No content

Slide 32

Slide 32 text

No content

Slide 33

Slide 33 text

Screen Templates Shipping Now

Slide 34

Slide 34 text

No content

Slide 35

Slide 35 text

No content

Slide 36

Slide 36 text

Actions Upcoming Project

Slide 37

Slide 37 text

Actions • Push Notifications • Location • Navigation • Linking • Login with {}

Slide 38

Slide 38 text

Navigation Upcoming Project

Slide 39

Slide 39 text

BYO GraphQL Shipping Soon

Slide 40

Slide 40 text

• Enter GraphQL Endpoint • Select Nodes • Connect Components • Celebrate

Slide 41

Slide 41 text

BAEs BEST. AUDIENCE. EVER. draftbit.com/magnolia draftbit • peterpme