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