2019 App.js Conf - Building Expo & React Native Apps with Draftbit

Transcript

1. Building Expo Apps with Draftbit ⚡ Peter Piekarczyk
2. 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
3. React Rally 2015 The humble beginnings
4. Dramatic Recreation of Creating React Rally Expo App in 45 Minutes Circa August 2015
5. Real Recreation of Creating *Any* App in 45 minutes (or any time frame) Circa Every Day
6. 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
7. Perry from Shrek $3.5 million dollar house TFW 1 Day Sprints
10. You should be working on dev tools - Amjad Masad, co-founder repl.it
12. Snowy mountain top Wooded mountain top Rocky Mountain top
13. –Every Medium writer “The Ultimate Guide to Finding Yourself While You’re Standing On a Mountain Top in Colorado”
14. — Someone who started 16 companies in 2 weeks to write a Medium article about it “What I learned starting 16 companies in 2 weeks”
15. —The guy who stole source code from Tesla and got caught and wrote a Medium article about it “10 Secrets to Starting Businesses Elon Musk Doesn’t Want You To Know About”
16. • YC Intros • Altos • Twitter Prospector • slither.io Life After Orchard
18. Draftbit, finally
19. Draftbit is a platform to help you build mobile apps visually
20. 1. Scan QR Code 2. Drag Components 3. Export Code
21. Layers Frame Config
25. Stop Wasting Time Doing The Same Shnitzel
26. • React / ReasonML • Web Assembly • Expo • GraphQL • Postgres Draftbit Stack
27. TypeScript Reason Reason + Draftbit
29. Components • Jigsaw library (themed) • React Native Primitives • Helpers
30. Theming • Custom Fonts • Colors • Spacing • Shadows & Border Radius • Typography
35. Screen Templates Shipping Next Week
38. Actions Upcoming Project
39. Actions • Push Notifications • Location • Navigation • Linking • Login with {}
40. Navigation Upcoming Project
41. BYO GraphQL Shipping Soon
42. • Enter GraphQL Endpoint • Select Nodes • Connect Components • Celebrate
43. BAEs BEST. AUDIENCE. EVER. draftbit.com/appjs draftbit • peterpme