Local first, offline first vs no cloud and multidevices was a session at IndieWebCamp Brighton 2019.
Notes archived from: https://etherpad.indieweb.org/localoffline
- Session: Local first, offline fist vs no cloud and multidevices
- When: 2019-10-19 14:45
- Video: ▶️43:33s
- Tantek Çelik
- Aaron Parecki
- Martijn van der Ven
- Jeremy Keith
- Calum Ryan
- Sebastiaan Andeweg
- Sven Knebel
- Juan Carlos
- Peter Molnar
- Mark Everitt
- Template:LCowles (remote in zoom)
- David Shanske (lurking remotely)
Post to introduce: https://tantek.com/2019/292/t5/indiewebcamp-brighton-local-offline
Tantek Çelik Who's heard of offline first? - What do you see as the difference?
Jeremy Keith Offline first: faster quicker (maybe not fresh). Local first: generate/create/edit/delete
Aaron Parecki Reading vs creating
Jeremy Keith mentions web beacons
Jeremy Keith Offline first from cache. Local first could be "posting" locally (no network) and waiting until online to really post.
Aaron Parecki uses an offline version of Teacup posts with micropub when online
Template:LCowles used it with HospitalRun which is a SPA (JS Node app) using CouchDB & PouchDB to design healthcare solutions which work without persistent network connectivity Template:LCowles Asked Tantek about LocalFirst the other day as it sounds a little like 90's apps where network was at most optional enhancement
Template:LCowles also have a ServiceWorker which defaults to checking network, but after 500ms bails to cached copy (attempts to get)
Jeremy Keith See the verbs of creating in above link
Tantek Çelik Principles:
- no spinners
- work not trapped on one device (is this true of local first?)
- network optional
- seamless colab
- ... see above link
Template:LCowles Question? If you are not trapped on a device, do you imply a master-node or outer category / context which persists? For the battery dying case, it seems to imply something has power or remains available
Jeremy Keith Without opening browser background sync can be useful here.
Appears blink only. In development on firefox
Aaron Parecki My thing requires user interaction to trigger.
Tantek Çelik What does seamless mean?
Jeremy Keith Big fan of seamful. You expose the boundaries because it's less magical.
Aaron Parecki Building blocks approach to design.
Template:LCowles Would existing technologies such as patches be a way to provide seamful design, which the user can reason about? Seems to work for OpenSource & Libre
Tantek Çelik Seams even visible in things like etherpad (colours). Too many seams can be bad, ceremony, git incantations etc. Worse for usability and accessibility.
Jeremy Keith These principles are not technology speciftc.
Aaron Parecki You should be able to open old files.
Tantek Çelik Security / privacy by default because nothing is transmitted.
Martijn van der Ven My GPS logger is an example. Just logs locally. I can use whatever app to open logs.
Tantek Çelik Maybe local first is in how the timeline starts. Sync happens later to peers or mothership. Then it's offline first.
Martijn van der Ven My software is offline first. Data I create is local first.
Template:note-taker Conflict Free Replicated Datatypes (CRDT) has come up a few times as a means to sync. Sounds like there could be some in-principle issues though.
Template:LCowles Defining version-ed envelopes and action-oriented schema's / specification formats to assist with editing complex content. What if I wanted to collaborate on an image file (traditionally difficult to diff) Template:LCowles Perhaps rabbit hole, perhaps #FirstWorldProblems I just was online, but unavailable because I was called to help Template:L Cowles Is Git an example of tool enabling LocalFirst? (not providing complete solution)
Tantek Çelik I think they're talking about the software being local first.
Peter Molnar git is a data type. PR is people side of things.
Tantek Çelik git doesn't require network. Can just be fs and patches.
Martijn van der Ven: the application is offline first, I want to be able to start it without a network connection. But then when I start entering data, that *data* is local first: only existing on the local device. Once the data has been shared in some way (e.g. over the network to a “mothership”) we are no longer in a local first, but the app could actually go back to offline first where the offline cache is now equal to the public/online/shared data. When we are talking data is starts locally, may be stored locally, and is thus local first. Applications have a network connection or no network connection and are thus offline first. (– thought captured after the discussion)
Peter Molnar mks integrity example of mothership
Tantek Çelik Back to practical: 3 scanarios for local first content.
- 1. By myself writing. On beach. Focus.
- 2. Partial attention: On mobile device. With other people. Short notes. Quick data like teacup. Maybe chatting with other folk.
- 3. You're responding to something you're reading. Creating content dependent on offling first context.
Jeremy Keith I consider local last which grabs content and stores it locally. If I close a tab by accident I can retrieve it. Local as enhancement.
Martijn van der Ven Is that not local first_
Template:jeremy Applies to filling in an online form. Text box borks. Firefox restores it.
Template:LCowles https://play.rust-lang.org/?version=stable&mode=debug&edition=2018&code=fn%20main()%20%7B%0A%20%20%20%20println!(%22Hello%2C%20world!%22)%3B%0A%7Dv (another example) Template:LCowles I did mistakenly think this was automatic (maybe it used to be)