Цей репозиторій є колекцією прикладів додатків, створених з використанням React спеціально для студентів групи П35. Він призначений для демонстрації різних можливостей React, включаючи керування станом, роботу з API, анімації, компо��енти та інші аспекти розробки сучасних веб-додатків. Кожен приклад знаходиться в окремій підпапці і є незалежним додатком з власною структурою і функціоналом.
Додаток для керування списком контактів за допомогою API randomuser.me. Підтримує такі функції:
- Завантаження списку контактів із API.
- Додавання нових контактів із плавною анімацією появи.
- Редагування контактів через модальне вікно.
- Видалення контактів.
- Анімація появи карток контактів із ефектом "slide-in".
Інші приклади репозиторії демонструють різні аспекти React, такі як:
- Управління станом за допомогою хуків (
useState,useEffect). - Робота з API та асинхронними запитами.
- Створення компонентів, що перевикористовуються.
- Реалізація анімацій за допомогою CSS.
- Інтеграція з різними бібліотеками та інструментами.
Повний список прикладів можна знайти у підпапках репозиторію.
- React: Бібліотека для створення інтерфейсів користувача.
- JavaScript (ES6+): Основна мова програмування.
- CSS: Стилі з використанням градієнтів, анімацій та сучасних підходів.
- Node.js: Для запуску та складання проектів.
- WebStorm: Рекомендована IDE для розробки.
- Додати локальне сховище (localStorage) для збереження даних у прикладах.
- Додати тести за допомогою Jest або React Testing Library.
- Реалізувати маршрутизацію за допомогою React Router для більш складних програм.
- Додати підтримку TypeScript для покращення типізації.
- Інтегрувати Storybook для документування компонентів.
Якщо ви хочете додати новий приклад або покращити існуючий:
- Натисніть на репозиторій.
- Створіть нову гілку:
git checkout -b my-new-example. - Додайте свій приклад в окремій підпапці з
README.md, що описує проект. - Створіть pull request із описом змін.
Будь ласка, дотримуйтесь рекомендацій щодо стилю коду та структури проекту, вказаних у кореневому package.json або в документації конкретного прикладу.
- Oleksandr Zahoruiko (sunmeat)
- Спеціальність: Інженер-програміст, викладач
- LinkedIn: [@ sunmeat] (https://www.linkedin.com/in/sunmeat)
- Telegram: @sunmeat
- Хобі: Акриловий живопис, караоке, гра на гітарі, фортепіано та калімбі
Цей проект розповсюджується під ліцензією MIT.