Lightnews — Scholar-powered news

Reposted by Widgetbook

lucasjosefiak.bsky.social @lucasjosefiak.bsky.social · 17d

Attending Fluttercon is a must for every Flutter developer!💙

Loved connecting with so many @widgetbook.bsky.social users again. These moments always feel very rewarding!💙

We had a booth, I gave a talk, hosted a roundtable with @abausg.bsky.social AND we of course organized the afterparty again🎉

2 8

Widgetbook @widgetbook.bsky.social · Aug 27

a man in a suit and tie is giving a thank you sign .

ALT: a man in a suit and tie is giving a thank you sign .

media.tenor.com

1

Reposted by Widgetbook

lucasjosefiak.bsky.social @lucasjosefiak.bsky.social · Aug 27

Google featured Widgetbook as Flutter Package of the week!🎉

With 230k downloads, @widgetbook.bsky.social is helping developers around the world to build, test, and catalog their widgets in isolation.

Thanks a lot to our contributors and users for your support!💙

www.youtube.com/watch?v=sGRe...

4 14

Widgetbook @widgetbook.bsky.social · Aug 7

Join us at THE community-focused Flutter conference next month in Stockholm!💙🇸🇪

The Flutter & Friends conference @flutterfriends.dev · Aug 7

In Flutter, everything is a widget, so managing them efficiently is key 🔑

In this hands-on workshop, you’ll learn to build widgets in isolation, organize them with @widgetbook.bsky.social, and catch visual changes in every PR with Widgetbook Cloud!

Join us 👉 flutterfriends.dev

5

Widgetbook @widgetbook.bsky.social · May 22

The more state a #Flutter screen depends on, the harder it is to test in isolation

Watch this tutorial and learn how to mock dependencies to preview and validate entire screens using Widgetbook OSS without relying on your full app setup

youtu.be/ytu7ADEsukE

Mocking Best Practices - How to catalog entire pages in Widgetbook

YouTube video by Widgetbook

youtu.be

Widgetbook @widgetbook.bsky.social · May 21

Building reusable and regression-free UIs in #Flutter is harder when your UI is tightly coupled to business logic

🎥 Watch this tutorial on how to build isolated, mock-driven use cases with Widgetbook to prevent hard-to-track errors and layout bugs 🐞

youtu.be/5cNUX7eDZWE

Widgetbook Demo – Build & Test Flutter Widgets in Isolation

YouTube video by Widgetbook

youtu.be

1 3

Widgetbook @widgetbook.bsky.social · May 20

🔗 Learn more from the docs and get started with Widgetbook Cloud for free

docs.widgetbook.io/cloud

Widgetbook

Build your Design System's widgets in isolation.

docs.widgetbook.io

Widgetbook @widgetbook.bsky.social · May 20

Testing #Flutter UIs in isolation with Widgetbook addons and knobs gives endless possibilities: themes, locales, screen sizes, dynamic input, and more!

Chain those variations together and get automated screenshot testing with Widgetbook Cloud's addons and knobs configurations 🚀

1

Widgetbook @widgetbook.bsky.social · May 19

🔗 Head to the docs and learn more about how to create custom knobs for your Widgetbook UI testing environment

docs.widgetbook.io/knobs/custom...

Widgetbook

Build your Design System's widgets in isolation.

docs.widgetbook.io

Widgetbook @widgetbook.bsky.social · May 19

Widgetbook Knobs are a great way to validate that your #Flutter widgets don’t break under various conditions and inputs 🧪

Built-in knobs already support common types, but you can go further and create your own, like this enum knob, and match your app’s specific needs 🚀

1 1

Widgetbook @widgetbook.bsky.social · May 16

🔗 Learn more from the docs and get started with Widgetbook Cloud for free 🚀

docs.widgetbook.io/cloud

Widgetbook

Build your Design System's widgets in isolation.

docs.widgetbook.io

Widgetbook @widgetbook.bsky.social · May 16

#Flutter UI testing tip:

Utilize the #Widgetbook UseCase annotation's *designLink* property and easily access the original #Figma design while reviewing UI changes and detecting UI regressions in your Widgetbook Cloud pull requests 🧪👇🏻

1

Widgetbook @widgetbook.bsky.social · May 14

Salto Systems cut UI development time by 50% by integrating #Widgetbook into their #Flutter workflow 🚀

✅They now catch regressions early
✅Test components in isolation
✅Streamline reviews across teams

Learn how they did it in our latest case study 👇🏻
medium.com/widgetbook/5...

How Salto prevents UI problems while saving 50% of their time with Widgetbook

Following Widgetbook’s structured review process, Salto catches all UI changes in a merge request and quickly solves all UI problems early…

medium.com

Widgetbook @widgetbook.bsky.social · May 13

🔗 Check out this mocking guide in our docs for more information

docs.widgetbook.io/guides/mocking

Widgetbook

Build your Design System's widgets in isolation.

docs.widgetbook.io

Widgetbook @widgetbook.bsky.social · May 13

Complex #Flutter screens with state dependencies become harder to test in isolation, and that's why they *should* be tested! 🧪

Control input data & interactively test all states of your complex UI by mocking dependencies in your isolated #Widgetbook use cases 🚀👇🏻

1 1

Widgetbook @widgetbook.bsky.social · May 12

🔗 Learn more from the docs and get started with Widgetbook Cloud for free

docs.widgetbook.io/cloud

x.com

Widgetbook @widgetbook.bsky.social · May 12

What if you can automate screenshot testing of specific stages of your complex #Flutter animation without writing any golden tests?

That's easily possible via Widgetbook Cloud's knobs configurations. Here's how 👇🏻

2 1 2

Widgetbook @widgetbook.bsky.social · May 7

Check out the docs for more information about automated visual tests for #Flutter widgets across different configurations 🧪📱💻🎨

docs.widgetbook.io/cloud/review...

Widgetbook

Build your Design System's widgets in isolation.

docs.widgetbook.io

Widgetbook @widgetbook.bsky.social · May 7

#Flutter UI testing tip:

✅ You manually test your widgets in many devices in your #Widgetbook using the #ViewportAddon

🚀 Take it further: use the #ViewportAddonConfig and let Widgetbook Cloud automate screenshot testing across all those devices on all your PRs 🧪👇🏻

1 1 2

Widgetbook @widgetbook.bsky.social · May 6

Made a UI change somewhere, and broke the UI somewhere else? Classic UI regression 😪

Avoid this easily in your #Flutter app, without writing golden tests, by integrating Widgetbook Cloud in your testing process 👇🏻

🔗 Learn more and get started for free
docs.widgetbook.io/cloud

3

Widgetbook @widgetbook.bsky.social · May 2

#Flutter animation tip:

Test your complex animations in isolation from the rest of the UI by configuring #Widgetbook UseCases for them 🧪

Take it a step further and debug each frame by hooking up a slider knob to the animation controller value 👇🏻

2

Widgetbook @widgetbook.bsky.social · Apr 30

Head over to the docs for more details on how to configure the LocalizationAddon and test your widgets in isolation with Widgetbook 🧪

docs.widgetbook.io/addons/local...

Widgetbook

Build your Design System's widgets in isolation.

docs.widgetbook.io

Widgetbook @widgetbook.bsky.social · Apr 30

Did you know, there are ~12 languages spoken by ~20% of the global population that use right-to-left #RTL layout?

Build layout-flipping resilient #Flutter UIs by using built-in Directional widgets, and #Widgetbook's #LocalizationAddon for an inclusive UI testing workflow 🚀💪🏼

1 1 1

Widgetbook @widgetbook.bsky.social · Apr 29

Read more about the ViewportAddon in our docs and learn how to build your #Flutter UI testing workflow 🧪

docs.widgetbook.io/addons/viewp...

Widgetbook on X: "Who amongst us hasn’t wished they only had to build UIs for one screen size? 😪 Thankfully, #Flutter widgets like #LayoutBuilder make it possible to support many screen sizes 📐 Combine that with #Widgetbook's #ViewportAddon, and responsiveness is your app's default 🚀 https://t.co/SLdJnUkCc5" / X

Who amongst us hasn’t wished they only had to build UIs for one screen size? 😪 Thankfully, #Flutter widgets like #LayoutBuilder make it possible to support many screen sizes 📐 Combine that with #Widgetbook's #ViewportAddon, and responsiveness is your app's default 🚀 https://t.co/SLdJnUkCc5

x.com

Widgetbook @widgetbook.bsky.social · Apr 29

Who amongst us hasn’t wished they only had to build UIs for one screen size? 😪

Thankfully, #Flutter widgets like #LayoutBuilder make it possible to support many screen sizes 📐

Combine that with #Widgetbook's #ViewportAddon, and responsiveness is your app's default 🚀

1 1