Search Results for "size"

...Starport solves this by hoisting the component to a root level container (<StarportCarrier>), using a proxy at the source and destination positions, and then using Teleport to land the component in its new place. It uses the FLIP (First, Last, Invert, Play) technique: it captures initial position & size, moves the component in a floating state, then lands it into the new layout. This gives a smooth “fly from one page to another” animation effect for components that appear across routes (e.g., a card in list view flying into detail view). It’s especially suited for immersive UI/UX flows in single-page apps built with Vue. The library is experimental and requires Vue 3.

React Adopt is a small TypeScript library for composing multiple React render-prop components into a cleaner interface. It was created to solve the problem of nested render-prop callbacks, which can make React code harder to read and maintain. The library provides a simple adopt method that combines results from a mapper into a single render function. It supports use cases involving multiple render-prop utilities, React Context consumers, custom render handling, mapper-based prop shaping,...