Building Local-First Flutter Apps with Riverpod, Drift, and PowerSync
dinkomarinac.dev
dinkomarinac.dev
Any particular reason you personally prefer Riverpod?
Any state management approach requires you to adapt your way of thinking, whether that be BLoC, Riverpod, Redux or anything you want to use.
Rivepod gained popularity because it's really simple to pick up: create a Notifier, create a Provider for it, and observe, while some other approaches require additional boilerplate, setup, and understanding.
Your approach would work if you are only observing that state from a single widget, which might not always be the case. Additionally, assuming useState is using setState under the hood means it will rebuild the whole widget on change, while with Riverpod, you have the flexibility to wrap any part of a complex widget into a Consumer or listen to only part of the exposed state on the Notifier with .select().
To put it simply: - Notifiers are used for app state - Hooks are used for ephemeral state (local widget state)
Hope this clears it bit for you.
Here’s a great guide on using Riverpod: https://codewithandrea.com/articles/flutter-state-management...
His question was directed towards the state management, hence the answer only covered that.
If this is a local first app, why not use the sqlite database itself for state management? Powersync themselves talk about it here:
https://www.powersync.com/blog/how-local-first-simplifies-fl...
Flutter state management always seemed clunky and complicated to me. With the caveat I'm developing small projects in it that tend not to need complicated state management functionality.
This is a good point, and we definitely agree that the local sqlite database should be the source of truth for all things state management. The example here is consistent with that view because the intermediate providers and notifiers are stateless, their only role is to bundle related functionality as well as exposing database queries as typed providers (making it easier to read results in widgets because no explicit StreamBuilder is necessary).
We've recently published guides on using PowerSync with popular Flutter state management approaches [1], and we mostly agree that sync engines simplify state management to the point where intermediate layers are unecessary. Some really enjoy the structure Riverpod can provide though, and that's why we want to make sure PowerSync works well with those architectures.
[1]: https://docs.powersync.com/client-sdk-references/flutter/sta...
Ah yes, those fluttering countries and their fluttery ways
- npm is legit slower in these countries
- Flutter's easy and stable toolchain and great cross-platform support counts a lot more in countries with less specialization
- lower on-disk footprint because no node_modules black hole, actually matters in countries without infinity disk size
- smaller app bundles mean less mobile data
Just some anecdotal observations, there are probably other factors too like inertia
One of the main goals of local-first is so that the user of a local-first application owns their own data. (See Martin Kleppmann's paper on this).
As such, local-first applications don't necessarily have a concept of a central server. `git` is local-first, though most teams synchronize to a hub such as Github or Gitlab. This is a design principle to get away from having to sync to the cloud, making it more difficult to monetize as a SAAS. There seems to be a growing trend of people promoting offline-first applications as local-first, but structuring it to still lock people's data into their SAAS. (If you want to lock them in, then say so -- call it offline-first).
A true local-first mobile app would allow me to collaborate with someone in the same room using Bluetooth, even out somewhere where I don't have wifi, cell service or Starlink
See:
- https://martin.kleppmann.com/papers/local-first.pdf
- https://www.inkandswitch.com/essay/local-first/ (Same, but in html)
Are there any popular cross platform apps that actually do this? Genuine question, I don't know of any.
I won't speak on the author's behalf, but I think he was using the term loosely here to refer to an app that hydrates and mutates state against disk and asynchronously syncs with other users (via a sync service) in the background. Also, his post uses an architecture that connects to the devloper's own backend database (pg, mongo, etc) and not a proprietary backend-as-a-service. I don't see data lock-in here.
But yes, that is a trend. Even the conference has many talks that don't stick to the original 7 ideals. I think "sync" or "sync engine" is a more useful general purpose term that isn't bogged down by specifics.
I don't know any, either. I doubt there will be any made. I have not figured out how and why anyone would be incentivized to write something like that, other than a foundation whose mission is to develop something like that.
I read Kleppman's paper again and realized that my idea of "local-first" is more strict than his.
When I think of "local-first", I am thinking of what permaculture design does for an ecosystem. Agency and being able to own your own data is essential.
Looking at it again, I can see why people disagree with me on what "local-first is".
On the other hand, based on Kleppman's formulation of local-first principles, I can see why those design principles degenerate into what it is now. You're still ultimately serving the needs of the business to operate as an ongoing concern, and as such, you still have to find some way to lock-in end-user data.
In order for the software to be useful even without the originating company, those software has to be able to collaborate with other users using that data. Otherwise, the only people who can make use of the local data are people with the skill to take the data apart and use it for something else. That does not really serve the needs of the end-user.
As an example of the difference, in Kleppman's paper, his formulation of local-first calls Github as local-first. With how I am thinking about it, while git itself is local-first, Github is not. The features Github makes to bring users back are the very features that are not local-first or even with a sync engine -- issues, wiki, Actions, repo search, to name a few.
Gitlab's use of ActivityPub for those things are moving towards being able to do that, but ActivityPub itself is designed as a client-server and server-to-server architecture.
To imagine a "local-first" Github ... I would imagine a hackathon where several people create a software forge with a git repo ad-hoc with bluetooth or some other short range discovery. At the end of the hackathon, maybe they sync with Github. Maybe they don't.