Bruno Sabot

🚀 Front-end Developer, I like React, VueJs, HTML, CSS, Performance and UX.
👨‍💻 Working at PlayPlay
🏡 More at

[Bruno Sabot @brunosabot]

Just posted about why I created the Streamline Card for Home Assistant and how it works! My goal? A cleaner, more intuitive HA UI. Check out my thoughts and the card itself here:

https://t.co/a3Ve8X8Kdt

[Bruno Sabot @brunosabot]

After my latest blog post about my Home Assistant dashboard, I had a lot of requests on how my weather card could handle a weather sensor.
The answer is: custom templates! here is how I created mine: https://t.co/c3v97WKzgS

[TestMu AI @testmuai]

Accelerate JavaScript testing with Bruno Sabot's (@brunosabot) Vitest fake timers. Ensure precise timing scenarios and reliable function debouncing for efficient unit testing. (11/16)
https://t.co/LplTgn3zNd

[Bruno Sabot @brunosabot]

New Blog Post! During my lost hours, I love to tweak my home automation system.
If I use Home Assistant to build my dashboards, I bring it to another level with Bubble Card.
Here's how: https://t.co/oLqKp8tBlo

[The Testing Kit @TheTestingKit]

Hello everyone! 👋

The 135th issue on #SoftwareTesting is out.
👉 https://t.co/h9ELSeA2Ws

Great articles and resources by @brunosabot ,@Kailashpathak7 ,@huseyinnyenerr ,@dnlkntt
and more ! 👏

#QA #testing

[prod42net @prod42net]

🕒 Mastering time in testing is crucial for efficient development. @BrunoSabot explains how Vitest's fake timers can speed up tests, isolate functionality, and simulate specific timeouts, ensuring faster and more reliable unit tests. #SoftwareTesting #Vi… https://t.co/oCwg77dEBF

[Bruno Sabot @brunosabot]

New blog post: Mastering Time: Using Fake Timers with Vitest
https://t.co/kNPBk5aN24

It's been a while, but I very happy to share this content.
Big thanks to @gitconnected for accepting me as a writer

[Bruno Sabot @brunosabot]

I guess I'm also on Threads https://t.co/Q8mpw9JQy5

[Bruno Sabot @brunosabot]

I'm now also on Mastodon: @[email protected]

[TheCSSDev @TheCSSDev]

We are now ready to make our pages a lot faster!

{ author: @brunosabot } #DEVCommunity #CSS
https://t.co/bJ1DRqPsbl

[The JavaScript Dev @TheJSDev]

We are now ready to make our pages a lot faster!

{ author: @brunosabot } #DEVCommunity #JavaScript
https://t.co/TKvZBilXcr

[Better Programming @BttrProgramming]

Improve Performances With Dynamic “Content-Visibility” by Bruno Sabot
https://t.co/h6PsxBjaHE

[Bruno Sabot @brunosabot]

New blog post: Improve Performances With Dynamic “content-visibility”
https://t.co/6UnSEWB1dh

[Bruno Sabot @brunosabot]

341 days later, I think I'm back here.

[Bruno Sabot @brunosabot]

`useWhyDidYouUpdate("MyComponent", props);`

This hook will let you know from the console the attributes of an object that have been updated, causing rerendering.

You should use it to avoid unnecessary renders.

#techtweets #day200

[Bruno Sabot @brunosabot]

When writing JavaScript, you should always pick functions over classes.

For the same result, the code generated by Babel with be smaller with functions.

#techtweets #day199

[Bruno Sabot @brunosabot]

You can use intersection types to extends an existing TypeScript type.

It is useful to reuse and factorize some pieces of definitions.

#techtweets #day198

[Bruno Sabot @brunosabot]

With ECMAScript 2022, JavaScript now has private fields in classes.

You need to prefix an attribute or a method with # to make it private.

#techtweets #day197

[Bruno Sabot @brunosabot]

`git config --global --add --bool push.autoSetupRemote true`, starting Git 2.37.0, will automatically set the up the upstream branch, and will save you from `git push --set-upstream origin feat/awesome-feature`

#techtweets #day196

[Bruno Sabot @brunosabot]

The object-fit CSS property will keep your image with a good ratio and the box will either contain the image perfectly or crop it.

#techtweets #day195