@mln4574.bsky.social
Reposted
📚 Wrote a piece about how optimistic updates are hard because of edge cases, especially when updates happen concurrently, and how to address them in React Query. It’s mostly one line of code to add, but knowing which one that is is the hard part 😄:
Concurrent Optimistic Updates in React Query
How to build optimistic UI that is resilient to race conditions, even when multiple mutations update the same entity concurrently.
tkdodo.eu
April 28, 2025 at 6:02 PM
📚 Wrote a piece about how optimistic updates are hard because of edge cases, especially when updates happen concurrently, and how to address them in React Query. It’s mostly one line of code to add, but knowing which one that is is the hard part 😄:
Reposted
Over the last 6 years I have observed mistakes that also easy to avoid in #Flutter and #dart
I have written top 15 of them in a very comprehensive blog post.
I have written top 15 of them in a very comprehensive blog post.
🚨 Flutter devs — are you making these mistakes? Which one is familiar to you 👇?
We broke down 15 common issues in #Flutter & #Dart apps:
→ Memory leaks
→ setState misuse
→ Async bugs
→ & More
🔗 dcm.dev/blog/2025/03...
We broke down 15 common issues in #Flutter & #Dart apps:
→ Memory leaks
→ setState misuse
→ Async bugs
→ & More
🔗 dcm.dev/blog/2025/03...
15 Common Mistakes in Flutter and Dart Development (and How to Avoid Them) | DCM - Code Quality Tool for Flutter Developers
In this article, I’m sharing 15 common mistakes Flutter developers often make—along with why they happen, what to watch out for, and how to fix them using proven patterns and DCM rules and features.
dcm.dev
March 25, 2025 at 4:41 PM
Reposted
🏡 Dreaming of a stable home in Cairo—no more rent anxiety, just peace for my family.
🔗 gofund.me/8c4b977e
Longing to live in peace again, like before Gaza’s war.
Trusting Allah’s timing, but taking action too.
Every share or prayer helps! 🙏
#gaza #supportgaza #gazarefugeehope #faithinaction
🔗 gofund.me/8c4b977e
Longing to live in peace again, like before Gaza’s war.
Trusting Allah’s timing, but taking action too.
Every share or prayer helps! 🙏
#gaza #supportgaza #gazarefugeehope #faithinaction
Donate to Help us rebuild stability: A warm home in Cairo, organised by Khader Murtaja
Dear Friends, Strangers, and Kind-Hearted Souls,
My name is Khader … Khader Murtaja needs your support for Help us rebuild stability: A warm home in Cairo
gofund.me
March 25, 2025 at 9:33 PM
🏡 Dreaming of a stable home in Cairo—no more rent anxiety, just peace for my family.
🔗 gofund.me/8c4b977e
Longing to live in peace again, like before Gaza’s war.
Trusting Allah’s timing, but taking action too.
Every share or prayer helps! 🙏
#gaza #supportgaza #gazarefugeehope #faithinaction
🔗 gofund.me/8c4b977e
Longing to live in peace again, like before Gaza’s war.
Trusting Allah’s timing, but taking action too.
Every share or prayer helps! 🙏
#gaza #supportgaza #gazarefugeehope #faithinaction
Reposted
Some new Zustand users might not know this, so I'm posting it again. zustand/vanilla is just 23 loc.
March 24, 2025 at 12:11 AM
Some new Zustand users might not know this, so I'm posting it again. zustand/vanilla is just 23 loc.
Reposted
I've been going deep on @clashofclans.bsky.social lately and recreated their buttons (to the best of my ability) in CSS with a fun lil web component on @codepen.io!
codepen.io/cassidoo/pen...
codepen.io/cassidoo/pen...
Clash of Clans style button web component
If you want to make Clash-style buttons on your webpages, use this component!...
codepen.io
March 24, 2025 at 12:36 AM
I've been going deep on @clashofclans.bsky.social lately and recreated their buttons (to the best of my ability) in CSS with a fun lil web component on @codepen.io!
codepen.io/cassidoo/pen...
codepen.io/cassidoo/pen...
Reposted
#flutterdev more reasons to check out watch_it, no need for StatefulWidgets just to create controllers and disposal is automatic
February 25, 2025 at 11:26 PM
#flutterdev more reasons to check out watch_it, no need for StatefulWidgets just to create controllers and disposal is automatic
Reposted
Did you know?
By registering a ValueNotifier listener, you can perform various side effects such as:
✅ Updating a ScrollController, PageController, AnimationController, etc.
✅ Showing a dialog
✅ Navigating to another route
Note: This works with ChangeNotifier, too. 💡
By registering a ValueNotifier listener, you can perform various side effects such as:
✅ Updating a ScrollController, PageController, AnimationController, etc.
✅ Showing a dialog
✅ Navigating to another route
Note: This works with ChangeNotifier, too. 💡
February 27, 2025 at 9:12 AM
Did you know?
By registering a ValueNotifier listener, you can perform various side effects such as:
✅ Updating a ScrollController, PageController, AnimationController, etc.
✅ Showing a dialog
✅ Navigating to another route
Note: This works with ChangeNotifier, too. 💡
By registering a ValueNotifier listener, you can perform various side effects such as:
✅ Updating a ScrollController, PageController, AnimationController, etc.
✅ Showing a dialog
✅ Navigating to another route
Note: This works with ChangeNotifier, too. 💡
Reposted
Reposted
One of my favorite things about Signals in @flutter.dev is you can build however you want.
Here is an example of using just signal primitives to render everything starting at runApp.
dartpad.dev?id=f5a9c7151...
Here is an example of using just signal primitives to render everything starting at runApp.
dartpad.dev?id=f5a9c7151...
January 29, 2025 at 7:53 PM
One of my favorite things about Signals in @flutter.dev is you can build however you want.
Here is an example of using just signal primitives to render everything starting at runApp.
dartpad.dev?id=f5a9c7151...
Here is an example of using just signal primitives to render everything starting at runApp.
dartpad.dev?id=f5a9c7151...
Reposted
Subtle things to make your shaders better:
1) Anti-aliasing - Real life is not limited to pixels so unless you're specifically going for a pixelated style, you should be anti-aliasing everything!
mini.gmshaders.com/p/antialiasing
1) Anti-aliasing - Real life is not limited to pixels so unless you're specifically going for a pixelated style, you should be anti-aliasing everything!
mini.gmshaders.com/p/antialiasing
January 27, 2025 at 5:26 PM
Subtle things to make your shaders better:
1) Anti-aliasing - Real life is not limited to pixels so unless you're specifically going for a pixelated style, you should be anti-aliasing everything!
mini.gmshaders.com/p/antialiasing
1) Anti-aliasing - Real life is not limited to pixels so unless you're specifically going for a pixelated style, you should be anti-aliasing everything!
mini.gmshaders.com/p/antialiasing
Reposted
Flutter network gist has been growing!
Looking for more active #FlutterDev content creators Please comment here or in the gist.
gist.github.com/TahaTesser/e...
Looking for more active #FlutterDev content creators Please comment here or in the gist.
gist.github.com/TahaTesser/e...
January 27, 2025 at 8:50 AM
Flutter network gist has been growing!
Looking for more active #FlutterDev content creators Please comment here or in the gist.
gist.github.com/TahaTesser/e...
Looking for more active #FlutterDev content creators Please comment here or in the gist.
gist.github.com/TahaTesser/e...
Reposted
Work is being done to finally bring this to #FlutterDev. Current pkgs all have issues, also they can cause performance issues, a GPU using version is needed. Have not tried the Cupertino_rrect, if I have time I will check it out and add it to this study and comparison github.com/rydmike/squi...
GitHub - rydmike/squircle_study: A Flutter study and comparision of different Squircle ShapeBorder options
A Flutter study and comparision of different Squircle ShapeBorder options - rydmike/squircle_study
github.com
January 28, 2025 at 12:04 PM
Work is being done to finally bring this to #FlutterDev. Current pkgs all have issues, also they can cause performance issues, a GPU using version is needed. Have not tried the Cupertino_rrect, if I have time I will check it out and add it to this study and comparison github.com/rydmike/squi...
Reposted
Async Preact Signals
How to create an asynchronous Preact signal
rodydavis.com
January 29, 2025 at 4:37 AM
Reposted
Something that I've finally got time to play with was jnigen. I heard about it from @youse.fi last year and wanted to see if I can migrate one of the plugins and skip method channels.
It worked pretty well so I wrote about it occasionalflutter.substack.com/p/native-int...
#Flutter #FlutterDev
It worked pretty well so I wrote about it occasionalflutter.substack.com/p/native-int...
#Flutter #FlutterDev
Native interop with Kotlin/Java in Flutter
Got quite excited to use jnigen to generate Kotlin/Java bindings for Flutter plugins.
occasionalflutter.substack.com
January 19, 2025 at 2:29 PM
Something that I've finally got time to play with was jnigen. I heard about it from @youse.fi last year and wanted to see if I can migrate one of the plugins and skip method channels.
It worked pretty well so I wrote about it occasionalflutter.substack.com/p/native-int...
#Flutter #FlutterDev
It worked pretty well so I wrote about it occasionalflutter.substack.com/p/native-int...
#Flutter #FlutterDev
Reposted
If you didn’t know, you can navigate to a file in #VSCode using just the initials.
For example:
Open the Command Palette and type "ibt" to open the icon_button_test.dart file.
For example:
Open the Command Palette and type "ibt" to open the icon_button_test.dart file.
January 8, 2025 at 9:21 AM
If you didn’t know, you can navigate to a file in #VSCode using just the initials.
For example:
Open the Command Palette and type "ibt" to open the icon_button_test.dart file.
For example:
Open the Command Palette and type "ibt" to open the icon_button_test.dart file.
Reposted
Highly recommend video for any developer not having grown up in the 8 Bit area. It will enhance your understanding of how computers work a lot.
youtu.be/lC4YLMLar5I?...
@benhyneck.bsky.social got side tracked by this
youtu.be/lC4YLMLar5I?...
@benhyneck.bsky.social got side tracked by this
Elite: "The game that couldn't be written"
YouTube video by Alexander the ok
youtu.be
December 29, 2024 at 8:30 PM
Highly recommend video for any developer not having grown up in the 8 Bit area. It will enhance your understanding of how computers work a lot.
youtu.be/lC4YLMLar5I?...
@benhyneck.bsky.social got side tracked by this
youtu.be/lC4YLMLar5I?...
@benhyneck.bsky.social got side tracked by this
Reposted
📚 The slides and transcript of my @reactdayberlin.gitnation.org talk “React Query - The Bad Parts” are now available on my blog. Enjoy 🎉
React Query - The Bad Parts
In this talk, maintainer Dominik will explore the other side—the less favorable aspects of React Query and situations where it may not be the best fit. No library is perfect; every choice involves tra...
tkdodo.eu
December 28, 2024 at 3:57 PM
📚 The slides and transcript of my @reactdayberlin.gitnation.org talk “React Query - The Bad Parts” are now available on my blog. Enjoy 🎉
Reposted
Did you know?
If you want to render fixed width (monospaced) digits, set FontFeature.tabularFigures() inside your TextStyle. 🎯
This works great when showing numbers and dates that should align vertically or update in realtime! 🔥
If you want to render fixed width (monospaced) digits, set FontFeature.tabularFigures() inside your TextStyle. 🎯
This works great when showing numbers and dates that should align vertically or update in realtime! 🔥
![Text(
currentTimeFormatted,
style: const TextStyle(
// Set this font feature to ensure all digits are rendered with a fixed width (monospace)
// Useful when showing numbers or dates that update in realtime
fontFeatures: [FontFeature.tabularFigures()],
fontFamily: "Roboto",
fontSize: 48,
fontWeight: FontWeight.w700,
),
)](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:5jbxvfe4etepz54qhd7a5zlv/bafkreiaxqdimw5yjjo6rtwtg3hnyfioahjrvu7555rbw2vykworj2j6wlu@jpeg)
December 16, 2024 at 4:21 PM
Did you know?
If you want to render fixed width (monospaced) digits, set FontFeature.tabularFigures() inside your TextStyle. 🎯
This works great when showing numbers and dates that should align vertically or update in realtime! 🔥
If you want to render fixed width (monospaced) digits, set FontFeature.tabularFigures() inside your TextStyle. 🎯
This works great when showing numbers and dates that should align vertically or update in realtime! 🔥
Reposted
There's a super easy way to see old versions of a file in VS Code
1. Open the Explorer
2. Toggle on the "Timeline"
3. Select the version you want to see
1. Open the Explorer
2. Toggle on the "Timeline"
3. Select the version you want to see
December 14, 2024 at 3:41 AM
There's a super easy way to see old versions of a file in VS Code
1. Open the Explorer
2. Toggle on the "Timeline"
3. Select the version you want to see
1. Open the Explorer
2. Toggle on the "Timeline"
3. Select the version you want to see
Reposted
"rules" that terminal programs follow jvns.ca/blog/2024/11...
December 12, 2024 at 4:58 PM
"rules" that terminal programs follow jvns.ca/blog/2024/11...
Reposted
Row and Column spacing is here for everyone! #FlutterDev
December 11, 2024 at 8:35 PM
Row and Column spacing is here for everyone! #FlutterDev
Reposted
Testing is often misunderstood as primarily finding bugs, but validating requirements is far more important for developing quality products 🧪
Explore different testing approaches and how they impact your #Flutter app development in my latest article 👇
medium.com/tide-enginee...
Explore different testing approaches and how they impact your #Flutter app development in my latest article 👇
medium.com/tide-enginee...
Project Miniclient — Testing
Testing is often misunderstood as a process of finding bugs. However, in reality…
medium.com
December 9, 2024 at 10:15 AM
Testing is often misunderstood as primarily finding bugs, but validating requirements is far more important for developing quality products 🧪
Explore different testing approaches and how they impact your #Flutter app development in my latest article 👇
medium.com/tide-enginee...
Explore different testing approaches and how they impact your #Flutter app development in my latest article 👇
medium.com/tide-enginee...
Reposted
Thorough and very informative explanation of how to create a more realistic frosted glass effect using #CSS filters, by @joshwcomeau.com
www.joshwcomeau.com/css/backdrop...
www.joshwcomeau.com/css/backdrop...
Next-level frosted glass with backdrop-filter • Josh W. Comeau
Glassy headers have become a core part of the “slick startup” UI toolkit, but they’re all missing that final 10% that really makes it shine. In this tutorial, you’ll learn how to create the most reali...
www.joshwcomeau.com
December 8, 2024 at 5:55 PM
Thorough and very informative explanation of how to create a more realistic frosted glass effect using #CSS filters, by @joshwcomeau.com
www.joshwcomeau.com/css/backdrop...
www.joshwcomeau.com/css/backdrop...