Open-source інструменти стану й анімації для React і React Native. Три вузькі пакети, які працюють із першого імпорту й ростуть рівно настільки, наскільки вам потрібно.
Компоненти читають одне й те саме значення без Provider, action і reducer. Вони перемальовуються, лише коли змінюється їхня вибірка, а збереження й відновлення відбуваються саме тоді, коли ви скажете.
Використовуйте в React DOM знайомі з React Native Animated timing, spring та interpolate. Одне значення керує стилем багатьох елементів без рендеру React на кожен кадр.
Повзунок змінює одне-єдине Value. Позиція, поворот, розмір і кути всіх дванадцяти фігур виводяться з нього. Запустіть пружину, а потім перехопіть повзунок на півдорозі.
Числа, що прокручуються, підсвічування, що переміщується, списки, які рухають лише змінене, шторки й дії за свайпом. Передайте свої дані — без provider і викликів налаштування — у React і React Native.
Виберіть період: MotionHighlight переміщується до нього, MotionNumber прокручується, ProgressRing заповнюється, а MotionList рухає лише змінені рядки.
СьогодніЦей тижденьЦей місяць
Відвідування
1,284
Головна
Ціни
Docs
Блог
Приклад даних
02 · Ансамбль
Один удар.Усе в русі.
Цю сцену зроблено на Animated. Одне Value з прогресом прокручування одночасно керує позицією, поворотом, масштабом і прозорістю 48 фігур.
01
Дзвін
Розсипані точки збираються в кільця гонга.
02
Поділ
Кільце ділиться на три й набуває кольору кожного інструмента.
03
Форма
Вони стають зв’язками стану, траєкторією руху й колонами хору.
04
Ритм
Усе вишиковується й потрапляє в одну долю.
progress
03 · Принципи
Маленькийвід початку до кінця.
Почніть з одного імпорту
Жодних обгорткових provider і глобального налаштування наперед. Додавайте можливості, лише коли їх попросить ваш застосунок.
Лише те, що потрібно
Оновлюються лише компоненти зі зміненою вибіркою, елементи, що використовують значення, і рядки, які перемістилися.
Відповідальність до кінця
Перерваний рух продовжується з того, що на екрані, а підписки й анімації звільняються, коли зникає їхній власник.
Типізовано й задокументовано
Кожен пакет постачається з оголошеннями TypeScript, а документація доступна 39 мовами.
04 · Назва
Kkwaenggwari —гонг, що веде ансамбль.
Вимовляється «кквен-гва-рі». У корейському пхунмулі провідний кквенгварі (꽹과리) задає ритм усьому ансамблю. Наші інструменти прагнуть того самого: маленькі, але чіткі, щоб увесь ваш застосунок звучав в одному ритмі.
kkwaenggwariKkwaenggwari названо на честь кквенгварі (꽹과리) — маленького корейського гонга, у який б’ють калаталом. Його яскравий, чистий дзвін підказав назву цим невеликим open-source інструментам.
