My second blog post is live 😱🙌 'How I Built My Website' ⤵️ inesoaresilva.com/posts/how-i-bu…

This is my #GitHubUnwrapped! Get your own: githubunwrapped.com

#TIL that .pnp.cjs file aka Plug'n'Play is yarn replacing .node_modules folder

#TIL --save-dev in npm is --dev in yarn. this adds the package to the devDependencies

#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/…

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 🎨

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

#TIL In Firefox dev tools, if a CSS declaration is not working, it displays a message with possible reasons for it.

#TIL that I can't test functions that are defined inside a functional react component.

My Sun Reaction button is now at the end of my posts 🥳🌞 ↪️ inesoaresilva.com (inspired by the heart reaction in Josh W. Comeau website 😊)

#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.

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

#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-…

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

#TIL how to find what is running in a specific port: sudo lsof -i :<PortNumber> and how to kill that process: kill -9 <PID>

#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.

#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');

#TIL that URLSearchParams is a JS built-in object with methods that make it easy to manipulate the query parameters of a URL.

#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

First day at Wey Wey Web 🙌 For anyone that is around, let's connect 🤝 I love the Photoshop in my tag 😂 #WeyWeyWeb23