https://component-odyssey.com https://component-odyssey.com/tips https://component-odyssey.com/terms-of-use https://component-odyssey.com/privacy-policy https://component-odyssey.com/articles https://component-odyssey.com/tips/04-reducing-memory-consumption-using-event-delegation https://component-odyssey.com/tips/03-how-to-be-notified-when-images-get-loaded-in-html https://component-odyssey.com/tips/02-how-does-the-browser-render-html https://component-odyssey.com/tips/01-using-document-fragments https://component-odyssey.com/tips/00-using-fewer-dependencies https://component-odyssey.com/articles/15-my-development-environment-setup https://component-odyssey.com/articles/14-improving-no-spoilers https://component-odyssey.com/articles/13-improving-performance-by-changing-two-lines-of-css https://component-odyssey.com/articles/12-improving-the-screen-reader-experience-for-learn-wcs https://component-odyssey.com/articles/11-masonry-gallery https://component-odyssey.com/articles/09-different-host-selectors https://component-odyssey.com/articles/08-refactoring-a-js-driven-scroll-animation-to-css https://component-odyssey.com/articles/07-convince-your-boss https://component-odyssey.com/articles/06-the-dilemmas-youll-face-when-creating-a-component-library https://component-odyssey.com/articles/04-autosize-textarea https://component-odyssey.com/articles/03-announcing-component-odyssey https://component-odyssey.com/articles/02-hermes-wc-a-feedback-widget-built-on-web-components https://component-odyssey.com/articles/01-writing-components-that-work-in-any-framework https://component-odyssey.com/articles/00-sandpack-lit-universal https://component-odyssey.com/lessons-pre/writing-your-first-component/writing-your-first-utility-classes https://component-odyssey.com/lessons-pre/writing-your-first-component/writing-in-vanilla-html https://component-odyssey.com/lessons-pre/writing-your-first-component/writing-an-advanced-web-component-slots https://component-odyssey.com/lessons-pre/writing-your-first-component/writing-an-advanced-web-component-slots-exercises https://component-odyssey.com/lessons-pre/writing-your-first-component/writing-an-advanced-web-component-reflection https://component-odyssey.com/lessons-pre/writing-your-first-component/writing-an-advanced-web-component-events https://component-odyssey.com/lessons-pre/writing-your-first-component/writing-a-lit-component https://component-odyssey.com/lessons-pre/writing-your-first-component/the-lifecycle-of-a-web-component https://component-odyssey.com/lessons-pre/writing-your-first-component/the-lifecycle-of-a-web-component-exercises https://component-odyssey.com/lessons-pre/writing-your-first-component/the-anatomy-of-a-web-component https://component-odyssey.com/lessons-pre/writing-your-first-component/the-anatomy-of-a-web-component-shadow-dom https://component-odyssey.com/lessons-pre/writing-your-first-component/the-anatomy-of-a-web-component-html-templates https://component-odyssey.com/lessons-pre/writing-your-first-component/the-anatomy-of-a-web-component-exercises https://component-odyssey.com/lessons-pre/writing-your-first-component/the-anatomy-of-a-web-component-custom-elements https://component-odyssey.com/lessons-pre/writing-your-first-component/setting-up-a-development-environment https://component-odyssey.com/lessons-pre/writing-your-first-component/migrating-your-web-component-to-lit https://component-odyssey.com/lessons-pre/writing-your-first-component/migrating-your-web-component-to-lit-exercises https://component-odyssey.com/lessons-pre/writing-your-first-component/migrating-your-checkbox-to-a-web-component https://component-odyssey.com/lessons-pre/writing-your-first-component/adding-custom-attributes-to-your-component https://component-odyssey.com/lessons-pre/writing-your-first-component/adding-custom-attributes-to-your-component-exercises https://component-odyssey.com/lessons-pre/styling-your-components/themes https://component-odyssey.com/lessons-pre/styling-your-components/themes-exercises https://component-odyssey.com/lessons-pre/styling-your-components/styling-components-static-styles https://component-odyssey.com/lessons-pre/styling-your-components/styling-components-shadow-parts https://component-odyssey.com/lessons-pre/styling-your-components/styling-components-lit-directives https://component-odyssey.com/lessons-pre/styling-your-components/styling-components-css-custom-properties https://component-odyssey.com/lessons-pre/styling-your-components/shorthand-variables-vs-longhand-variables https://component-odyssey.com/lessons-pre/styling-your-components/running-an-accessibility-review https://component-odyssey.com/lessons-pre/styling-your-components/reusing-styles-across-components https://component-odyssey.com/lessons-pre/styling-your-components/reusing-styles-across-components-exercise https://component-odyssey.com/lessons-pre/styling-your-components/naming-conventions-for-variables https://component-odyssey.com/lessons-pre/styling-your-components/introduction-to-css-custom-properties https://component-odyssey.com/lessons-pre/styling-your-components/css-variables-vs-shadow-parts https://component-odyssey.com/lessons-pre/styling-your-components/adding-utility-classes-to-your-library https://component-odyssey.com/lessons-pre/styling-your-components/adding-css-variables-to-our-component https://component-odyssey.com/lessons-pre/understanding-components/why-are-using-utility-classes-and-not-xyz https://component-odyssey.com/lessons-pre/understanding-components/web-components https://component-odyssey.com/lessons-pre/understanding-components/utility-classes https://component-odyssey.com/lessons-pre/understanding-components/utility-classes-benefits-and-drawbacks https://component-odyssey.com/lessons-pre/understanding-components/the-different-ways-to-write-a-component https://component-odyssey.com/lessons-pre/understanding-components/the-approach-for-the-course https://component-odyssey.com/lessons-pre/understanding-components/templating-languages https://component-odyssey.com/lessons-pre/understanding-components/html-the-backbone-of-the-internet https://component-odyssey.com/lessons-pre/understanding-components/framework-components https://component-odyssey.com/lessons-pre/publishing-your-library/whats-next https://component-odyssey.com/lessons-pre/publishing-your-library/publishing-to-npm https://component-odyssey.com/lessons-pre/publishing-your-library/preparing-your-package-json https://component-odyssey.com/lessons-pre/publishing-your-library/preparing-to-publish-your-library https://component-odyssey.com/lessons-pre/publishing-your-library/peer-dependencies https://component-odyssey.com/lessons-pre/publishing-your-library/output-format-of-your-component-library https://component-odyssey.com/lessons-pre/publishing-your-library/dependency-resolution https://component-odyssey.com/lessons-pre/publishing-your-library/consuming-via-npm https://component-odyssey.com/lessons-pre/publishing-your-library/checkpoint https://component-odyssey.com/lessons-pre/publishing-your-library/adding-a-license-for-your-library https://component-odyssey.com/lessons-pre/introduction/why-build-your-own-library https://component-odyssey.com/lessons-pre/introduction/what-is-a-component-library https://component-odyssey.com/lessons-pre/introduction/glossary https://component-odyssey.com/lessons-pre/introduction/following-along-the-course https://component-odyssey.com/lessons-pre/introduction/charting-your-component-odyssey https://component-odyssey.com/lessons-pre/introduction/charting-your-component-odyssey-overview