Inês Soares Silva 🇵🇹 (@inesoaresilva) 's Twitter Profile
Inês Soares Silva 🇵🇹

@inesoaresilva

software engineer @mainmatter tweeting about her learning progress 👩🏼‍💻

ID: 1469331676677431298

linkhttp://inesoaresilva.com calendar_today10-12-2021 15:42:48

143 Tweet

42 Takipçi

45 Takip Edilen

Inês Soares Silva 🇵🇹 (@inesoaresilva) 's Twitter Profile Photo

#TIL an addon for storybook to force my component to render with pseudo states. This way, my visual regression tester (in my case - percy) can take snapshots of my component in its :hover, :active state etc, and track their design changes. storybook.js.org/addons/@hover/…

Inês Soares Silva 🇵🇹 (@inesoaresilva) 's Twitter Profile Photo

Today, I started Josh W. Comeau CSS for JS devs course 🙌🥳 I'm right in the color section. I've always used the HEX code format, but after this, I will consider using HSL instead 🎨

Inês Soares Silva 🇵🇹 (@inesoaresilva) 's Twitter Profile Photo

#TIL if I comment CSS declarations in my CSS file, those commented declarations will appear (as an unchecked style) on the browser inspection page.

Inês Soares Silva 🇵🇹 (@inesoaresilva) 's Twitter Profile Photo

#TIL that willValidate is an HTML object property that returns true if the object is a candidate for constraint validation. I've seen its usage with inputs. It will probably only return false if they are disabled.

Inês Soares Silva 🇵🇹 (@inesoaresilva) 's Twitter Profile Photo

This week my first pull request for an open-source project got merged 🥳 small fix, but it felt good 💃 github.com/freeCodeCamp/l…

Inês Soares Silva 🇵🇹 (@inesoaresilva) 's Twitter Profile Photo

#TIL that when doing react testing, if I get a warning saying I should wrap in an act() a function that is changing the state of a component, what I should be doing is probably wrapping my assertions inside a waitFor(). see davidwcai.medium.com/react-testing-…

Inês Soares Silva 🇵🇹 (@inesoaresilva) 's Twitter Profile Photo

#TIL I can use useFetcher() in #Remix when I want that my <select> component triggers the action() function after its value has changed.

Inês Soares Silva 🇵🇹 (@inesoaresilva) 's Twitter Profile Photo

#TIL $$props in #Svelte - it references all the props passed to a component. It is still better to pass a specific prop, because with $$props Svelte needs to recheck it every time a prop changes. Tho, it is useful when we don't know what props might be passed.

Inês Soares Silva 🇵🇹 (@inesoaresilva) 's Twitter Profile Photo

#TIL: createElementNS() is a method from the ‘Document’ object (current HTML document in the browser) that allows me to create elements in XML languages such as SVG. e.g. creating a title: const title = document.createElementNS('w3.org/2000/svg', 'title');

Inês Soares Silva 🇵🇹 (@inesoaresilva) 's Twitter Profile Photo

#TIL <noscript> is sensitive to new lines in the code, rendering it as a visible space on the screen. e.g.: <select/> <noscript/> :it renders a space between the two elements. <select/><noscript/> :they are rendered attached to one another