Инструменти с отворен код за състояние и движение в React и React Native. Три фокусирани пакета, които работят от първия импорт и растат само колкото ви трябва.
Споделете го с един hook.Запазете го, когато решите.
Компонентите четат една и съща стойност без Provider, action и reducer. Пререндерират се само когато изборът им се промени, а запазването и възстановяването стават точно когато кажете.
Натиснете бутон от която и да е страна. Двата панела четат една и съща стойност restate() и се променят заедно; етикетът за доставка слуша само един избор.
Използвайте в React DOM познатите от React Native Animated timing, spring и interpolate. Една стойност управлява стила на много елементи без рендер на React на всеки кадър.
Познатият API на React Native Animated
Прекъсването запазва позиция и скорост
Почиства след себе си, когато собственикът изчезне
Плъзгачът променя една-единствена 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 носи името на кквенгвари (꽹과리) — малък корейски гонг, в който се удря с палка. Ясният му, звънък звук даде името на тези малки инструменти с отворен код.
