rhetenor/awesome-awesomeness
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Updating conversion, creating readmes

Browse Source
This commit is contained in:
Jonas Zeunert
2024-04-19 23:37:46 +02:00
parent 3619ac710a
commit 08e75b0f0a
635 changed files with 30878 additions and 37344 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
terminal/webcomponents
View File

@@ -1,12 +1,12 @@
 Awesome Web Components !Awesome (https://awesome.re/badge.svg) (https://awesome.re)
 Awesome Web Components !Awesome (https://awesome.re/badge.svg) (https://awesome.re)
A curated list of awesome Web Components resources.
▐ Note
▐ This project was previously named "Web Components the Right Way"
Web Components (https://developer.mozilla.org/en-US/docs/Web/Web_Components) — a suite of different technologies allowing you to create reusable custom elements — with their functionality encapsulated away from 
the rest of your code — and utilize them in your web apps.
Web Components (https://developer.mozilla.org/en-US/docs/Web/Web_Components) — a suite of different technologies allowing you to create reusable custom elements — with their functionality encapsulated away from the rest of your code — 
and utilize them in your web apps.
Contents
@@ -469,20 +469,17 @@
- cypress-lit (https://github.com/simonireilly/cypress-lit) - Test your Lit elements and native web components in Cypress with all the modern browsers.
- Developing Components: Testing (https://open-wc.org/guides/developing-components/testing/) - Using @web/test-runner for testing web components in a real browser.
- How To Automate Shadow DOM In Selenium WebDriver (https://www.lambdatest.com/blog/shadow-dom-in-selenium/) - Locating Shadow DOM elements using Selenium WebDriver in a Maven project.
- Native Automation support for Shadow DOM (https://staleelement.medium.com/native-automation-support-for-shadow-dom-with-webdriverio-and-cypress-chapter-3-26249a589f5e) - Shadow DOM and open-source testing 
frameworks.
- Native Automation support for Shadow DOM (https://staleelement.medium.com/native-automation-support-for-shadow-dom-with-webdriverio-and-cypress-chapter-3-26249a589f5e) - Shadow DOM and open-source testing frameworks.
- Open Web Components: Testing (https://open-wc.org/docs/testing/testing-package/) - Opinionated package that combines and configures testing libraries.
- query-selector-shadow-dom (https://github.com/webdriverio/query-selector-shadow-dom) - querySelector that can pierce Shadow DOM roots, useful for automated testing.
- shadow-automation-selenium (https://github.com/sukgu/shadow-automation-selenium) - Shadow DOM automation using Selenium.
- Testing Shadow DOM elements in Selenium (https://reflect.run/articles/testing-shadow-dom-elements-in-selenium/) - In Selenium 4, there is now a way to access Shadow DOM nodes.
- Test web components with Playwright (https://alexbilson.dev/plants/technology/test-web-components-with-playwright/) - So you’ve created a native web component or two. How do you test them in popular browsers?
- W3C Webdriver conquering automation of Shadow DOM (https://staleelement.medium.com/w3c-webdriver-conquering-automation-of-shadow-dom-chapter-2-d92c7fe9e74c) - Shadow DOM tree and its interaction with the W3C 
Webdriver.
- W3C Webdriver conquering automation of Shadow DOM (https://staleelement.medium.com/w3c-webdriver-conquering-automation-of-shadow-dom-chapter-2-d92c7fe9e74c) - Shadow DOM tree and its interaction with the W3C Webdriver.
Tools
- Backlight (https://backlight.dev/) — With collaboration between developers and designers at heart, Backlight is a very complete coding platform where teams build, document, publish, scale and maintain Design 
Systems.
- Backlight (https://backlight.dev/) — With collaboration between developers and designers at heart, Backlight is a very complete coding platform where teams build, document, publish, scale and maintain Design Systems.
- Custom Elements Locator (https://github.com/open-wc/locator) - Chrome extension to find custom elements on a page.
- @storybook/web-components (https://www.npmjs.com/package/@storybook/web-components) - UI development environment for plain web-component snippets.
- webcomponents.dev (https://webcomponents.dev) - Component IDE for web platform developers.
@@ -533,14 +530,13 @@
- Are Web Components the Betamax of web development? (https://noti.st/lostinbrittany/EjUZyd/are-web-components-the-betamax-of-web-development) by @lostinbrittany (https://twitter.com/lostinbrittany)
- Designing Standard Systems (https://drive.google.com/file/d/1ALFiWOFU0UAGUpaZPMIVnoADs9_REtL5/view) by @stefsull (https://twitter.com/stefsull) and @bferrua (https://twitter.com/bferrua)
- Frontend Architecture for Scalable Design Systems (https://events.drupal.org/seattle2019/sessions/design-system-architecture-pattern-lab-twig-and-web-components) by @salem_cobalt 
(https://twitter.com/salem_cobalt)
- Frontend Architecture for Scalable Design Systems (https://events.drupal.org/seattle2019/sessions/design-system-architecture-pattern-lab-twig-and-web-components) by @salem_cobalt (https://twitter.com/salem_cobalt)
- lit-apollo: Data-Driven Components that Use the Platform (https://apolloelements.dev/using-lit-apollo/) by @PowersBenny (https://twitter.com/PowersBenny)
- Mastering Shadow DOM (https://martine-dowden.github.io/portfolio/presentation/mastering-shadow-dom) by @Martine_Dowden (https://twitter.com/Martine_Dowden)
- Modernizing Large Frontends with Web Components (https://speakerdeck.com/samjulien/modernizing-large-frontends-with-web-components) by @samjulien (https://twitter.com/samjulien)
- Shadow DOM: off the beaten track (https://docs.google.com/presentation/d/1wi74YiTLtLSfgjyccKm5LxYp9k8aeJda0AekWV5mqJI/edit?usp=sharing) by @serhiikulykov (https://twitter.com/serhiikulykov)
- Using Web Components to Build a Framework-agnostic UI Library (https://gotochgo.com/2019/sessions/866/using-web-components-to-build-a-framework-agnostic-ui-library) by @brianbouril 
(https://twitter.com/brianbouril) and @danciupuliga (https://twitter.com/danciupuliga)
- Using Web Components to Build a Framework-agnostic UI Library (https://gotochgo.com/2019/sessions/866/using-web-components-to-build-a-framework-agnostic-ui-library) by @brianbouril (https://twitter.com/brianbouril) and @danciupuliga 
(https://twitter.com/danciupuliga)
- Web Components and the AOM (https://decks.tink.uk/2019/jsconf/index.html) by @LeonieWatson (https://twitter.com/LeonieWatson)
- Web Components and Styles Scoping (https://www.dropbox.com/s/wdh9uufjui5htll/Web-Components-and-Styles-Scoping-by-bashmish-FrontMania-2018.pdf) by @bashmish (https://twitter.com/bashmish)
- Web Components can do that?! (https://slides.com/vogloblinsky/web-components-can-do-that) by @vogloblinsky (https://twitter.com/vogloblinsky)