Различия

Показаны различия между двумя версиями страницы.

--- korisni_biblioteki_jscript [2024/01/18 20:12]
tro
+++ korisni_biblioteki_jscript [2025/02/10 20:11] (текущий)
tro
@@ Строка 7: / Строка 7: @@
   * [[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 с фронта]]
 ====== Підкючення бібліотек ======
-  - через npm install НазваБібліотеки
+===== через зборщик VITE =====
+  - через зборщик VITE і npm install через термінал
 <code>
 npm install izitoast
@@ Строка 17: / Строка 28: @@
 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>