Tuesday, June 11, 2024

Web Awesome, Shoelace web components

Shoelace is an evolved tool from super-popular Bootstrap tool (name-play: Shoelaces / Bootstrap)
Now it is evolving again, along with also super-popular Font Awesome, that is also often combined with Bootstrap.

 From Shoelace to Web Awesome featuring Cory LaViska (JS Party #322)

  • Shoelace.style

  • Thanks to the popularity of frameworks such as Angular, Vue, and React, component-driven development has become a part of our every day lives. Components help us encapsulate styles and behaviors into reusable building blocks. They make a lot of sense in terms of design, development, and testing.

    Unfortunately, framework-specific components fail us in a number of ways:You can only use them in the framework they’re designed for 🔒
    Their lifespan is limited to that of the framework’s ⏳
    New frameworks/versions can lead to breaking changes, requiring substantial effort to update components 😭

    Web components solve these problems. They’re supported by all modern browsers, they’re framework-agnostic, and they’re part of the standard, so we know they’ll be supported for many years to come.

    This is the technology that Shoelace is built on.



  • Font Awesome


  • Web Awesome

    Web Awesome is the fancy pants new name for Shoelace,
    the most popular free and open source library of web components