Jimmy Somsanith

Frontend architecte @Talend. #javascript #a11y #reactjs.

[FUNLAB @Funlab_switch]

Hello Mario Friday!
To celebrate Mario wonder release, giveaway is coming! The winner will get the game card or digital version!
How to enter:
1. Follow @Funlab_switch
2. Like& tweet this post
3. Join funlab discord https://t.co/qRyzt64KBp
It ends Friday, 11/3.
Good luck 🤩

[Michael Shilman 🦋 @shilman.net @mshilman]

Getting (happily) bombarded w/ q's from @storybookjs users eager to kick the tires on Interaction Testing ... 🧵

https://t.co/cmIWC7TB0o

[Michael Shilman 🦋 @shilman.net @mshilman]

Excited for @storybookjs Component Story Format v3!

📓 Automatic titles
🌈 Default render functions
♻️ Spreadable story objects
▶️ Play functions for interaction
✅ 100% back compat

Love reading? RFC 👉 https://t.co/jsZxP941Lp

Hate reading? Check my demo 🎥

[Jimmy Somsanith @JSomsanith]

@WalterStephanie You can change the brightness or volume with holding the button and swiping left/right to change them. Way better ux than the 2 clicks.

[Dominic Nguyen @domyen]

Chromatic is growing! We're hiring a senior product designer who can code.

https://t.co/8cbpSJsRXb

Why should you apply? (Thread) 👇

[Tobias Koppers @wSokra]

It's released🎉🥳

https://t.co/q1CJxOnsdA

[Dominic Nguyen @domyen]

Super excited about what's new in Storybook 6.1! Watch for a sneak peak (turn sound on)

⚡️ Rebuilt sidebar for speed
🔍 New search
⏪ Recently opened components
⌨️ Keyboard nav
↕️ Expand all stories

Shoutout to @GHengeveld and @storybookjs team for leading the way on this!

[Haz @diegohaz]

The open/closed React component:

A component that is based on the open/closed principle, which states that “software entities (classes, modules, functions, etc.) should be open for extension, but closed for modification”.

Thread 👇

[Haz @diegohaz]

Tip #5 for building highly composable React components:

Always forward refs!

Hopefully, in the future (React 18?), refs will be passed together with the other props by default and we won't need to worry about them anymore.

https://t.co/0pFges8O85

[Haz @diegohaz]

Tip #4 for building highly composable React components:

Accept a polymorphic "as" prop or equivalent so you can change the underlying element from outside.

https://t.co/MEayw2Dn81

[Dominic Nguyen @domyen]

🚀 Design Systems for Developers 2020 just launched!

Ever wonder what tools DS teams actually use? I did too. I researched prod systems then wrote 9 chapters. FREE.

2020 edition includes:
- Latest tech @storybookjs
- Streamlined the workflows

https://t.co/j4IpP942wO

[Dominic Nguyen @domyen]

Thrilled about @storybookjs new search experience. The team is prototyping designs now.

🙋‍♀️ Would love feedback! Reply below

Flat: https://t.co/WQPvjTp4Oh

Grouped: https://t.co/jmIZj4Vmqn

[Chromatic @chromaticcom]

It seems like components have taken over the world. There are a bunch of frontend, design, docs, and testing tools that can help. But it can all get overwhelming. That’s why we made a site that gathers everything in one place to give you a quick overview.
https://t.co/Md29BqWadZ

[Dominic Nguyen @domyen]

Stoked for Storybook 6.0! This is our biggest, most stable release ever.

💎 Zero config setup
🧬 Next-gen story format
🎛 Live edit components
🌐 Combine Storybooks
📚 Documentation overhaul

Read on: https://t.co/ci2yzQB6yc

[Michael Shilman 🦋 @shilman.net @mshilman]

Storybook 6.0 is here! 🥳

We retooled @storybookjs for professional devs:

💎 Zero config setup
🧬 Next-gen story format
🎛 Live edit components
🌐 Combine Storybooks
📚 Documentation overhaul

👉 https://t.co/OjoAMEAHA6

[Haz @diegohaz]

I've been working on composite widgets for quite a while now (https://t.co/0MvJFItD1N).

Components that can be built with it include Combobox, Toolbar, Calendar etc.

It has lots of interesting implementation details that I'd like to share in this thread. 👇

[Michael Shilman 🦋 @shilman.net @mshilman]

Excited for @storybookjs 6.0, but scared of upgrading?

This should do the trick:

> npx sb@next upgrade --prerelease

If it doesn't, this migration guide holds your hand through the corner cases. One less excuse to delay!!! 🚀

https://t.co/U2BOEBqGei

[Tanner Linsley @tannerlinsley]

🎉🥳 My new course "React Query Essentials" is launching in 2 days! (July 29)

- THE official #ReactQuery course
- $99 early bird discount for 1 week, then $149
- 30 day guarantee, PPP on request

❤️/ Retweet to WIN 1 of 3 free course vouchers!

#TanStack

https://t.co/QxKybjCn6n

[Florent Lagrede @flagrede]

I just published the final part of the Zelda article series !
Full demo code source is now available here:

➡ https://t.co/1lFR5HW849

https://t.co/Vn84Z7Zah5

[Addy Osmani @addyosmani]

Use animations? The @ChromeDevTools now has a refreshed frame rate meter. This provides better real-time estimates for page smoothness.