Mobile Fest 2018. Łukasz Mróz. Let’s make your DATA sexy

LET'S MAKE YOUR DATA LOOK SEXY!
sunshinejr
thesunshinejr

''APPS ARE JUST PRETTY
PICTURES OF JSON''
(ORTA THEROX)

DATA
7b22777764635f73657373696f6e73223a205ba7b226964223a
203432302c20226465736372697074696f6e223a2022496e7472
6f647563696e67204d61727a6970616e2e227d2c207b22696422
3a203432312c20226465736372697074696f6e223a2022576879
206469642077652064656369646520746f2062757920526561637
4204e617469766520616e642063616c6c206974204d61727a6970
616e202d2074686520627573696e657373207065727370656374
6976652e227d2c207b226964223a203432322c20226465736372
697074696f6e223a2022576861742773206e657720696e20456c

JSON
{"wwdc_sessions": [
{"id": 420, "description": "Introducing Marzipan."}, {"id": 421, "description": "Why did we decide to buy React Native and call it Marzipan - the business perspective."}, {"id": 422, "description": "What's new in Electron."},
{"id": 420, "description": "Introducing Marzipan."}, {"id": 421, "description": "Why did we decide to buy React Native and call it Marzipan - the business perspective."}, {"id": 422, "description": "What's new in Electron."}
]}

PRETTY PRINTED
{
"wwdc_sessions": [
{
"id": 420,
"description": "Introducing Marzipan."
},
{
"id": 421,
"description": "Why did we decide to buy React Native and call it Marzipan - the business perspective."
},
{
"id": 422,
"description": "What's new in Electron."
}
]
}

''PRETTY PRINTED JSON IS NOT A
PRETTY PICTURE OF JSON''
(ME)

AT LEAST IT'S NOT PRETTY FOR USERS
!

WHAT DEVELOPERS SAY ABOUT JSON:

> JSON is awesome boring

> JSON is increcidbly fast slow as FK

> JSON is increcidbly fast slow as FK
> JSON is a good friend (???)

If you don't love me at my
if let jsonResponse = data as? NSDictionary {
if let feed = jsonResponse["feed"] as? NSDictionary {
if let entry = feed["entry"] as? NSArray {
if let firstEntry = entry[0] as? NSDictionary {
if let name = firstEntry["name"] as? NSDictionary {
if let label = name["label"] as? NSString {
println("label: (label)")
}
}
}
}
}
}
Then you don't deserve me at my
let decoder = JSONDecoder()
let product = try decoder.decode(Product.self, from: data)
https://twitter.com/harlanhaskins/status/982249952154824704

(140 PAGES) BOOK ABOUT CODABLE

PERFORMANCE OF JSON DECODING
https://github.com/bwhiteley/JSONShootout

WE SHOULD CARE MORE ABOUT OUR DATA!

IS YOUR JSON PAYLOAD FROM THE API TOO BIG?

TREAT YOUR DATA LIKE A PRINCESS!!

> How do you split the works if you are not working
alone?

alone?
> When do you migrate dependencies?

alone?
> What if one dependency does not work in newer
version?

alone?
version?
> What if you are 2 major versions behind?

alone?
version?
> Do you use migrator?

alone?
version?
> How do you test your app after the migration?

alone?
version?
> How do you test your app after the migration?
> Do you do refactor while migrating the codebase?

HANDLE ALL THE STATES SHE MIGHT BE IN!

func viewDidLoad(animated: Bool) {
super.viewDidLoad(animated: animated)
loadData()
}
func loadData() {
api.fetchData { [weak self] data in
self?.data = data
self?.tableView.reloadData()
}
}

loadData()
}
func loadData() {
tableView.isHidden = true
loadingView.isHidden = false
api.fetchData { [weak self] data in
self?.data = data
self?.loadingView.isHidden = true
self?.tableView.isHidden = false
}
}

loadData()
}
func loadData() {
tableView.isHidden = true
loadingView.isHidden = false
api.fetchData { [weak self] data, error in
if let error = error {
let alertController = UIAlertController(...)
self?.present(alertController, animated: true, completion: nil)
} else {
self?.data = data
self?.loadingView.isHidden = true
self?.tableView.isHidden = false
}
}
}

enum Layout {
case empty
case loading
case content
}
private func updateLayout(to: Layout) {
switch to {
case .empty:
contentView.alpha = 0.0
loadingView.alpha = 0.0
case .loading:
case .content:
}
}

LET HER KNOW YOU CARE ABOUT HER

LET HER KNOW YOU CARE ABOUT HER
EVEN WHEN SHE'S OFFLINE

> caching responses & policies
var request = URLRequest(url: url)
request.cachePolicy = .reloadIgnoringLocalCacheData
> recording & using stubbed responses
(OHHTTPStubs/Moya)

DON'T PASS HER TO THE WRONG GUY!

> Intermediate objects like View Model or Redenerable

> Intermediate objects like View Model or Redenerable
> Think about who is responsible for the data

provider.request(GitHub.repos(repo)) { (result) in
if case .success(let response) = result {
do {
let repos = try response.map(to: [Repository].self)
print(repos)
} catch let error {
print("There was something wrong with the request! Error: (error)")
}
}
}

SORTED BY EFFORT:
1. Alert
2. Smooth UI component that fits the screen

SORTED BY EFFORT:
1. Alert
3. Silent retries & cache fetching

SORTED BY EFFORT:
1. Alert
3. Silent retries & cache fetching
4. 2 & 3 at once

THANKS SO MUCH!
ANY QUESTIONS?
sunshinejr
thesunshinejr

Mobile Fest 2018. Łukasz Mróz. Let’s make your DATA sexy

Recommended

Recommended

More Related Content

Recently uploaded

Recently uploaded (20)

Featured

Featured (20)

Mobile Fest 2018. Łukasz Mróz. Let’s make your DATA sexy