React Samples

Цей репозиторій є колекцією прикладів додатків, створених з використанням React спеціально для студентів групи П35. Він призначений для демонстрації різних можливостей React, включаючи керування станом, роботу з API, анімації, компоненти та інші аспекти розробки сучасних веб-додатків. Кожен приклад знаходиться в окремій підпапці і є незалежним додатком з власною структурою і функціоналом.

Основні приклади

Contacts App

Додаток для керування списком контактів за допомогою 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 для документування компонентів.

Як зробити внесок

Якщо ви хочете додати новий приклад або покращити існуючий:

1. Натисніть на репозиторій.
2. Створіть нову гілку: git checkout -b my-new-example.
3. Додайте свій приклад в окремій підпапці з README.md, що описує проект.
4. Створіть pull request із описом змін.

Будь ласка, дотримуйтесь рекомендацій щодо стилю коду та структури проекту, вказаних у кореневому package.json або в документації конкретного прикладу.

Автор

• Oleksandr Zahoruiko (sunmeat)
• Спеціальність: Інженер-програміст, викладач
• LinkedIn: [@ sunmeat] (https://www.linkedin.com/in/sunmeat)
• Telegram: @sunmeat
• Хобі: Акриловий живопис, караоке, гра на гітарі, фортепіано та калімбі

Ліцензія

Цей проект розповсюджується під ліцензією MIT.