An interesting tidbit I stumbled upon recently is the ability to remove an event listener once called.
In the past, I would have added an event listener to an element and then removed it within the callback function. It would have looked something like this:
const button = document.querySelector('button')
button.addEventListener('click', function onClick() {
console.log('clicked')
button.removeEventListener('click', onClick)
})
Learn how to rename fields of a GraphQL object by using aliases.
Learn how to filter out multiple console messages by using either regular expressions or prefixing a string with a hyphen-minus.
Learn about what the :visited pseudo-class selector is and its limitations while styling them.
Learn how to modify the underlying Create React App configuration with customize-cra to include new babel plugins. All without having to eject.
Since switching to Netlify's server-side analytics, I learned how different the data is when compared to Google Analytics.
Learn how to recursively reduce a nested data structure by harnessing the power of the Array.reduce method.
Thoughts and learnings I had while building the Inspect measurement engine.
Learn about why I choose Hugo over a React based static site generator for my blog.
Learn about the good and bads I've experienced while working remotely over the past four years.
Learn how to use Google Cloud Functions to build a likes API with Node
Learn how to copy React props to your clipboard using Google Chrome and the React Developer Tools.
Learn how to use Redux Thunk for handling several synchronous actions at once to modify different areas of the application state.
I’m a designer turned web developer that specializes in front-end applications. As an advocate for best practices and proper schematics, I believe that the web should be open and accessible for everyone.