korisni_biblioteki_jscript [wiki.hostingcloud.com.ua]

Эта страница только для чтения. Вы можете посмотреть её исходный текст, но не можете его изменить. Сообщите администратору, если считаете, что это неправильно.

====== Корисні бібліотеки JScript ======
  * [[https://www.jsdelivr.com/|сайт CDN сервісу з бібліотеками]]
  * **Chart.js**: Бібліотека для створення інтерактивних графіків і діаграм.
  * **Lodash**: Бібліотека для роботи з масивами, об'єктами, рядками тощо, що надає безліч зручних функцій.
  * **[[https://basiclightbox.electerious.com/|basicLightbox]]**: Бібліотека створення лайт-боксів
  * [[https://izitoast.marcelodolza.com/|izitoast - сообщение / предупреждения]]
  * [[https://flatpickr.js.org|flatpickr - робоа с датами тощо]]
  * [[https://npmjs.com|npmjs- репозиторій бібліотек для пакета NPM]]
  * [[axios-http простий HTTP-клієнт (альтернатива стандартному Fetch API)]]
  * [[https://swiperjs.com/demos|swiperjs Бібліотека з готовими свайпами]]
  * [[https://vincentgarreau.com/particles.js/|particles.js Бібліотека з анімованимии фонами]]
  * [[https://nhn.github.io/tui.pagination/latest/|tui.pagination бібліотека для реалізації пагінації]]
  * [[https://www.npmjs.com/package/modern-normalize?activeTab=readme|Normalizer - набір правил, що виправляє відмінності у стилях елементів між різними браузерами (npm install modern-normalize)]]
  * [[CLSX - Бібліотека стандартизує роботу з CSS]]
  * [[React icons]]
  * [[https://www.npmjs.com/package/nanoid|NanoId - генератор унікальніх номеров ид-шек]]
  * [[https://formik.org|Formik - бібліотека роботи з формами у reakt]]
  * [[https://www.emailjs.com/|emailjs - отправка EMail с фронта]]

====== Підкючення бібліотек ======
===== через зборщик VITE =====
  - через зборщик VITE і npm install через термінал
<code>
npm install izitoast
</code>
  - у JS файлу на почтаку пишему через імпорт
<code>
import iziToast from 'izitoast';
import "izitoast/dist/css/iziToast.min.css";
</code>
===== Через WEB посилання cdn =====
  - У HTMLL завантажуємо з посиланння
<code>
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Page 2</title>

  <!-- flatpickr -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
  <script src="https://cdn.jsdelivr.net/npm/flatpickr" defer type="module"></script>

</head>


<body>
</code>