β―οΈ Improve skeleton memoization deep comparison
βοΈ Remove @motify/ packages
π€ Add option to pass worklet function to exitTransition, allowing for use of AnimatePresence's custom prop in exitTransition
Install
yarn add moti@canary
Breaking Change
@motify/ packages have been removed, greatly simplifying installation, types, maintenance, and Expo snack support.
Next.js users: remove @motify/ entries from transpile modules next.config.js. You should only have moti there now.
Expo Web users: remove @motify/ from webpack.config.js. You should only have moti there now.
If your app accidentally imported from @motify/components somewhere, please change these imports to come from moti instead.
command + shift + F on VSCode, and search @motify
Components
<Skeleton.Group />
If you have many skeleton components, you can now wrap them with a single <Skeleton.Group show={loading} /> component. This will help you achieve this type of effect.
Overview
Skeleton.Group
component@motify/
packagesworklet
function toexitTransition
, allowing for use ofAnimatePresence
'scustom
prop inexitTransition
Install
Breaking Change
@motify/
packages have been removed, greatly simplifying installation, types, maintenance, and Expo snack support.@motify/
entries from transpile modulesnext.config.js
. You should only havemoti
there now.@motify/
fromwebpack.config.js
. You should only havemoti
there now.@motify/components
somewhere, please change these imports to come frommoti
instead.command + shift + F
on VSCode, and search@motify
Components
<Skeleton.Group />
If you have many skeleton components, you can now wrap them with a single
<Skeleton.Group show={loading} />
component. This will help you achieve this type of effect.