Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Preview Driven Development
Search
Rikin Marfatia
April 28, 2021
Programming
2
53
Preview Driven Development
Here are the slides for my talk at Android Worldwide.
Rikin Marfatia
April 28, 2021
Tweet
Share
More Decks by Rikin Marfatia
See All by Rikin Marfatia
State Machines and Hopeful Dreams
rahkeen
2
210
Other Decks in Programming
See All in Programming
エンジニア1年目で複雑なコードの改善に取り組んだ話
mtnmr
3
2k
GraphQL あるいは React における自律的なデータ取得について
quramy
11
3k
事業フェーズの変化に対応する 開発生産性向上のゼロイチ
masaygggg
0
210
GraphQLとGigaViewer for Apps
numeroanddev
2
160
Lessons by WebAssembly app in production on CDN Edge Computing Service
tetsuharuohzeki
0
220
実践!難読化ガイド
mitchan
0
240
LangChainでWebサイトの内容取得やGitHubソースコード取得
shukob
0
160
What you can do with Ruby on WebAssembly
kateinoigakukun
0
170
LangGraphでのHuman-in-the-Loopの実装
os1ma
3
1.1k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
0
130
Desafios e Lições Aprendidas na Migração de Monólitos para Microsserviços em Java
jessilyneh
2
150
2024 컴포즈 정원사
jisungbin
0
150
Featured
See All Featured
5 minutes of I Can Smell Your CMS
philhawksworth
202
19k
Docker and Python
trallard
39
3k
Designing for humans not robots
tammielis
248
25k
[RailsConf 2023] Rails as a piece of cake
palkan
48
4.6k
Optimizing for Happiness
mojombo
375
69k
How to Think Like a Performance Engineer
csswizardry
16
960
How to Ace a Technical Interview
jacobian
274
23k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
278
13k
StorybookのUI Testing Handbookを読んだ
zakiyama
26
5.1k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
363
22k
Building Better People: How to give real-time feedback that sticks.
wjessup
359
19k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
502
140k
Transcript
Rikin Marfatia — Android @ Pinterest — @heyrikin Preview Driven
Development™ Avoid build times at all cost!
Agenda Compose + Previews 101 Previews —> Isolated Features Dependency
Fakes Gradle Strategy for Previews Real World Example
Compose + Previews
Jetpack Compose Declarative UI @Composable functions Previews for visualization Android
is fun again
@Previews
Deploy Previews to Device
Powerful in-IDE Support
Faster UI Development
Isolated Features
Isolated Features Built “isolated” from the rest of the application
Simulate inputs Stub out side effects + outputs
Mini Apps (Sample Apps) Run each feature as an app
Composition of features Setup for modularization
Other Benefits Feature Teams Easy Testing + Refactoring Non-engineers can
play with Previews
Faking Dependencies
Control your Environment Real Application Real Application - No Internet
Fake Feature
Real Dependencies are Expensive 💰💰💰 import InnocentDependency Retrofit OkHttp Room
SqlLite KAPT
Interface + Implementation
Gradle Strategy
Gradle Modules — Before App Feature Common Feature Feature Network
Gradle Modules — After App Feature NetworkLive Common Feature Feature
Network FeaturePreview FeaturePreview FeaturePreview
Interface + Live Modules App Feature NetworkLive Common Feature Feature
Network FeaturePreview FeaturePreview FeaturePreview
Full Application App Feature NetworkLive Common Feature Feature Network FeaturePreview
FeaturePreview FeaturePreview
Feature Preview App Feature NetworkLive Common Feature Feature Network FeaturePreview
FeaturePreview FeaturePreview
Demo
Takeways Previews are extremely powerful, start using them Separate interface/fakes
+ implementation in Gradle Having fast deployable features is AWESOME Long build times SUCK
How to apply this today? - Gradle structure works without
Compose / Previews - Ralf Wondratschek — Android at Square - Start Creating Fakes - Preparing for Compose - Adam Bennet — Migrating your design system
Credits / Resources - Point-Free - Designing Dependencies - Modeled
my talk after this series - Amazing resource - Attacking Build Times with Sample Apps - Bill Phillips @ Cash App - Demo Application Code - https:#//github.com/Rahkeen/Hail
Thanks @heyrikin