Я в шоці від цього проєкту. Можна ж просто взяти й зробити нормально.

Кажуть що число 7 щасливе. Сьогодні у нас сьомий розбір проєкту в межах рубрики Show Your Code Saturday (SYCS) і проєкт потрапив дійсно крутецький. Я б сказав що автор передивився усі наші розбори та мої відео на каналі, врахував усі зауваження та недоліки й зробив ідеальний проєкт. Ну майже ідеальний. Посилання на відео -    • Я в шоці від цього проєкту. Можна ж просто...   Будемо розбирати проєкт від Bohdan Kushnerov - веб-месенджер на основі React та Firebase. Огляд буде більше корисним не самому автору, а глядачам та читачам. По перше, схожі проєкти - чати, інколи компанії дають як тестове завдання. Даний огляд допоможе з реалізацією таких завдань. По друге, зауважень до проєкту не так багато, тому автору може буде скучно. Стати спонсором каналу:    / @maksymrudnyi   Чистий React. Проєкт згенеровано за допомогою Vite. Для хейтерів NextJS - бальзам на душу. Відразу додано і налаштовано Pritter та ESLint - код форматований і уже мінімізована велика кількість помилок та проблем. Сюрпризом для мене стали налаштовані GitHub Actions із SonarCloud. Про Sonar я уже говорив у SYCS5 де ми розбирали клон Zoom - Yoom. Для роботи зі стилями обрано Tailwind. Tailwind без prettier-plugin-tailwindcss - “гроші на вітер”. На щастя, даний плагін тут є і працює. Стейт менеджер - Zustand. Ми його уже бачили в одному з оглядів. На цю тему в мене є окреме відео - Zustand. Ідеальний стейт менеджер для React у 2024 році? Звісно ж усе написано на TypeScript. Що цікаво, автор описав усі інтерфейси та типи. У відео я їх показую. Що цікаво, їх багато, дуже багато. Можливість типізації - це одна з головних переваг TypeScript, але описування усіх цих типів та інтерфейсів ще та морока. Локалізація реалізована за допомогою React-i18next. Про цю бібліотеку у мене також є відео - React-i18next (i18n, l10n). Додаємо декілька мов на сайт. Локалізація та Інтернаціоналізація Це найкраща бібліотека для реалізації кількох мов на сайті. Ще більше цікавих рішень у відео огляді. Посилання на код - https://github.com/BohdanKushnerov/re... Буду вдячний за підтримку каналу: Patreon -   / rudnyi   BuyMeACoffee - https://www.buymeacoffee.com/maksymru... Mono Bank - https://send.monobank.ua/jar/6oqhydjLGp або так - 5375 4114 0505 7287 Приват банк - 4627 0551 1331 6110 Давайте дружити: Telegram ↣ https://t.me/maksymrudnyi Telegram чат ↣ https://t.me/joinchat/H4AF4W4dfGeGepNQ INSTAGRAM ↣   / maksym_rudnyi   TWITTER ↣   / maksymrudnyi   FACEBOOK ↣   / travelscode   WEB-SITE ↣ https://travelscode.com/ GITHUB ↣ https://github.com/MaksymRudnyi/ Другий YouTube канал ↣    / travelscode