JoΓ£o Cardoso's Avatar

JoΓ£o Cardoso

@joaocardoso

Developer, part-time translator, part-time cook, πŸ“š @ https://www.chromatic.com/ and https://storybook.js.org/

104
Followers
73
Following
3
Posts
04.09.2023
Joined
Posts Following

Latest posts by JoΓ£o Cardoso @joaocardoso

Video thumbnail

Wouldn't it be nice to have all platforms in a single
@storybook.js.org window?

@chmal.it and myself worked on this prototype to stream your local simulators to the Storybook canvas. Let us know if you're interested in this!

16.12.2025 23:15 πŸ‘ 20 πŸ” 4 πŸ’¬ 3 πŸ“Œ 0

@didiercatz.com I'm genuinely grateful for the feedback. I will collect it, test it out, and make the necessary tweaksπŸ™! If you or anyone else finds out more, please let us know.

24.09.2025 22:13 πŸ‘ 2 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Preview
Sponsor @e18e on GitHub Sponsors e18e (Ecosystem Performance) is an initiative to improve performance of tooling and libraries in the JavaScript ecosystem

we now have an @e18e.dev github sponsors page!

this community has helped so widely across the ecosystem - the prettier cli, esm migration, storybook/netlify/etc size reduction, and much more

sponsorships will help support the people doing all of this work ❀️

08.08.2025 15:13 πŸ‘ 6 πŸ” 2 πŸ’¬ 0 πŸ“Œ 0
Preview
Community Showcase (Q2 2025) An update on what the community has been up to in Q2 of 2025

just some of the highlights of the great work the @e18e.dev community has been doing in the last few months. awesome work by everyone involved, and big thanks to all the maintainers who collaborated ❀️

18.07.2025 14:52 πŸ‘ 38 πŸ” 15 πŸ’¬ 3 πŸ“Œ 3
Post image

πŸš€ Chromatic's Accessibility Testing & Dashboard are now live!

Powered by Storybook & axe, we're making accessibility compliance seamless across your entire dev lifecycleβ€”without slowing you down.

08.07.2025 15:52 πŸ‘ 9 πŸ” 6 πŸ’¬ 2 πŸ“Œ 3
 Jeppe Reinhold giving the talk β€œStrike the Perfect Balance: Component Testing with Storybook, Svelte, and Vitest”

Jeppe Reinhold giving the talk β€œStrike the Perfect Balance: Component Testing with Storybook, Svelte, and Vitest”

Beautiful networking area 😊

Beautiful networking area 😊

Super cool talk by @reinhold.is at the @svelte.dev Summit in Barcelona about @storybook.js.org.

It looks like such a powerful and useful tool 🀩
#SvelteSummit #Svelte

08.05.2025 11:37 πŸ‘ 15 πŸ” 5 πŸ’¬ 0 πŸ“Œ 0
storybook dependency graph before and after

storybook dependency graph before and after

second shoutout to the @e18e.dev community at Svelte Summit, from the awesome @reinhold.is in his @storybook.js.org @svelte.dev and @vitest.dev talk

08.05.2025 11:24 πŸ‘ 32 πŸ” 8 πŸ’¬ 1 πŸ“Œ 0
accessibility regression testing from chromatic

accessibility regression testing from chromatic

We’re excited to share a sneak peek of Accessibility Regression Testing which combines Storybook & axe with Chromatic's specialized regression workflow.

🧩 Component-level scans find the root cause
🚦 Regression checks stop repeat violations
πŸ“ˆ Real-time reports track progress over time

11.03.2025 15:26 πŸ‘ 18 πŸ” 7 πŸ’¬ 6 πŸ“Œ 6
Code snippet for new CSF typesafe factories and test proposal.

const meta = config.meta({ component: Button })
  
// 1. Type-safe story factories "arrange"
export const Primary = meta.story({
  args: { label: 'Primary', onClick: fn() }
})

// 2. Jest-style tests "act" and "assert"
Primary.test('handles clicks', async ({ canvas, args }) => {
  await userEvent.click(canvas)
  await expect(args.onClick).toHaveBeenCalled()
});

Code snippet for new CSF typesafe factories and test proposal. const meta = config.meta({ component: Button }) // 1. Type-safe story factories "arrange" export const Primary = meta.story({ args: { label: 'Primary', onClick: fn() } }) // 2. Jest-style tests "act" and "assert" Primary.test('handles clicks', async ({ canvas, args }) => { await userEvent.click(canvas) await expect(args.onClick).toHaveBeenCalled() });

When it comes to writing stories, improved typesafety and autocompletion are @storybook.js.org's top user requests. We've also heard our "play" function feels too different from the rest of the testing ecosystem.

We want to address this feedback in Storybook 9. 🧡

12.01.2025 10:12 πŸ‘ 67 πŸ” 10 πŸ’¬ 6 πŸ“Œ 5

React team, could you please delay the React 19 stable release until after the holidays, so all library maintainers don't have to hustle during the holidays and deal with users complaining about lack of v19 support. πŸ™

ok thx bye.

29.11.2024 08:25 πŸ‘ 11 πŸ” 2 πŸ’¬ 1 πŸ“Œ 1
Preview
Storybook for React Native Web | Storybook Storybook is a frontend workshop for building UI components and pages in isolation. Thousands of teams use it for UI development, testing, and documentation. It's open source and free.

We're alpha testing React Native Web Vite for @storybook.js.org !

Kick the tires if you build in RN and want to:
- Develop components in isolation
- Document a design system
- Test components or pages

Hit us up on GH or SB Discord #react-native for help

storybook.js.org/docs/8.5/get...

23.11.2024 08:32 πŸ‘ 47 πŸ” 7 πŸ’¬ 0 πŸ“Œ 1
Preview
Get early access to Storybook Test Storybook Test is a best-in-class workflow for developing robust UI components. It uses Vitest to test all your stories (component examples) in a Playwright browser. - ⚑️ Blazing fast tests that run i...

Storybook Test early access program is πŸ”₯πŸ”₯πŸ”₯. We're improving @storybook.js.org AND @vitest.dev and writing effective component tests along the way.

If this sounds fun, please join in -- the more the merrier!!

storybook.js.org/sb-test-eap

15.11.2024 09:52 πŸ‘ 57 πŸ” 19 πŸ’¬ 0 πŸ“Œ 2

Which till today is one of the best chocolates treats available. Dang now I want some....

22.09.2023 21:41 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Nothing right now, 30 minutes ago, I would have said otherwise :P

20.09.2023 13:28 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0