- Меняются? Почему?
- React.js
- Vue.js
- 2.x
- 3.x
- Подведение итогов
- Еще один момент…
- matteobruni / tsparticles
- tsParticles — Легко создавайте настраиваемые эффекты частиц JavaScript, взрывы конфетти и анимацию фейерверков и используйте их в качестве анимированных фонов для вашего сайта. Готовые к использованию компоненты доступны для React.js, Vue.js (2.x и 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot и Web Components.
- tsParticles — Частицы TypeScript
- Оглавление
- Вы хотите использовать это на своем сайте?
Меняются? Почему?
Начиная с сегодняшнего дня официальные пакеты tsParticles React.js и Vue.js (2.x и 3.x) имеют новое название.
Не волнуйтесь, предыдущие пакеты по-прежнему поддерживаются и обновляются, вплоть до версии tsParticles 3.x, но это уже другая история.
Итак, что же изменилось?
React.js
react-tsparticles
становится react-particles
, та же версия (начиная с 2.1.3
, последняя версия, которую вы должны использовать 👀), вы можете просто удалить ts
из пакета и все готово.
Vue.js
2.x
particles.vue
становится vue2-particles
, на одну основную версию ниже. Если вы используете версию 3.1.3
(последнюю, и я очень надеюсь, что вы используете именно ее 👀), вам нужно понизить эту версию до 2.1.3
(так что это точная версия tsParticles
)
В particles.vue
была серьезная смена версии, когда tsParticles все еще был в v1
из-за серьезных изменений.
Поскольку vue2-particles
— это свежий пакет, я решил привести его версию в соответствие с основным пакетом.
3.x
particles.vue3
становится vue3-particles
, та же версия (начиная с 2.0.3, но я рекомендую использовать всегда последнюю версию, на данный момент это 2.1.3).
Подведение итогов
Небольшой обзор для ясности в нескольких строках:
react-tsparticles
-> react-particles
, начиная с 2.1.3
, никаких разных номеров версий.
particles.vue
-> vue2-particles
, начиная с 3.0.3
/2.0.3
, у них будет разная основная версия, но они используют один и тот же код
particles.vue3
-> vue3-particles
, начиная с версии 2.0.3
, номера версий не отличаются.
Миграция действительно рекомендуется, поскольку «старые» пакеты могут устареть в будущем.
Еще один момент…
Я запустил официальный подраздел tsParticles на reddit здесь: https://www.reddit.com/r/tsParticles.
Вы также можете посмотреть полный список официальных компонентов tsParticles здесь
- Angular:
ng-particles
Repo npm - Inferno:
inferno-particles
Repo npm - jQuery:
jquery-particles
Repo npm - Preact:
preact-particles
Repo npm - React:
react-particles
Repo npm /react-tsparticles
Repo npm - Riot:
riot-particles
Repo npm - Solid:
solid-particles
Repo npm - Svelte:
svelte-particles
Repo npm - Vue 2.x:
vue2-particles
Repo npm /particles.vue
Repo npm - Vue 3.x:
vue3-particles
Repo npm /particles.vue3
Repo npm - Веб-компоненты:
web-particles
Repo npm
matteobruni / tsparticles
tsParticles — Легко создавайте настраиваемые эффекты частиц JavaScript, взрывы конфетти и анимацию фейерверков и используйте их в качестве анимированных фонов для вашего сайта. Готовые к использованию компоненты доступны для React.js, Vue.js (2.x и 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot и Web Components.
tsParticles — Частицы TypeScript
Легкая библиотека TypeScript для создания частиц. Не содержит зависимостей (*), готова к работе в браузере и совместима сReact.js, Vue.js (2.x и 3.x), Angular, Svelte, jQuery, Preact, Inferno, Riot.js, Solid.js и веб-компонентами.
Оглавление
- Использование для вашего сайта
- Установка библиотеки
- Официальные компоненты для некоторых наиболее используемых фреймворков
- Angular
- Inferno
- jQuery
- Preact
- ReactJS
- RiotJS
- SolidJS
- Svelte
- VueJS 2.x
- VueJS 3.x
- Веб-компоненты
- WordPress
- Пресеты
- Большие круги
- Пузырьки
- Конфетти
- Огонь
- Светлячок
- Фейерверк
- Фонтан
- Ссылки
- Морской анемон
- Снег
- Звезды
- Треугольники
- Шаблоны и ресурсы
- Демо / Генератор
- Символы как частицы
- Соединения при наведении мыши
- Полигональная маска
- Анимированные звезды
- Нянь-кот, летающий на прокручивающихся звездах
- Частицы фоновой маски
- Видеоуроки
- Переход с Particles.js
- Плагины/настройки
- Графики зависимостей
- Спонсоры
Вы хотите использовать это на своем сайте?
Эта библиотека…