Best of DOM — August 2023

1. 1
   Article

   Community Picks·3y

   Patterns for Reactivity with Modern Vanilla JavaScript

   Patterns for Reactivity with Modern Vanilla JavaScript are Core to Web Development. ‘Reactivity’ is how systems react to changes in data. Reactive Object Properties with Proxies in JavaScript can be the foundation for performing reactivity after setting or getting properties on an object.

   89

   2
2. 2
   Article

   Community Picks·3y

   Building a Design System with React Web Components

   Building a Design System with React Web Components is a simple way to build a universal design system with React. We compiled React to Web Components using wrappers, polyfills and tooling to make them work in every context. The implementation turned out tougher than we anticipated but we're happy with the result.

   85

   2
3. 3
   Article

   Laravel News·3y

   Livewire v3 Has Been Released

   Livewire v3 has been released. Caleb Porzio demoed a ton of the new features in his talk at Laracon. The core of Livewire has been totally rewritten from scratch. The new core architecture will also be much easier to maintain for Caleb and the Livewire core contributors.

   28
4. 4
   Article

   Community Picks·3y

   React Stately

   Foundational React Stately provides the foundation and core logic for your component library. It handles state management for common components through an easy-to-use interface. It provides state management that’s intrinsic to the functionality of the component.

   18
5. 5
   Article

   Svelte Blog·3y

   Unlocking view transitions in SvelteKit 1.24

   SvelteKit 1.24 brings a new lifecycle hook to make view transitions integration much easier. It streamlines the process of animating between two page states, which is especially useful for page transitions. OnNavigate, you can trigger a view transition by calling and passing a callback that updates the DOM somehow.

   15

   1