Правки React
10 000 UAH1) Зображення та продуктивність
Замінити
<img>на оптимізований компонент (наприклад,next/imageабо власний lazy-loader).Додати
loading="lazy"таdecoding="async"для сторонніх картинок.Перевірити великі бандли: відкласти некритичні скрипти (
dynamic import()/React.lazy).
Критерій: LCP ≤ 2.5 c на основних сторінках; відсутні помилки з «Largest Contentful Paint image was lazily loaded».
2) SEO-метадані
Додати єдину оболонку для мета-тегів (Head/Helmet або
next-seo):title,description,canonical, OG/Twitter.Автогенерувати
canonicalза поточним шляхом.
Критерій: На ключових сторінках присутні title, meta[name="description"], link[rel="canonical"] (валідні й унікальні).
3) Доступність (A11y)
Додати
aria-labelдля інтерактивних кнопок/іконок, що не мають тексту.Виправити контрасти/фокус-стили (outline) для клавіатурної навігації.
Критерій: Перевірка Lighthouse Accessibility ≥ 90; ключові кнопки доступні з клавіатури.
4) Помилки та межі помилок
Додати Error Boundary навколо критичних маршрутів/віджетів.
Єдиний тост-хендлер для показу помилок API (усунути
alert).
Критерій: При штучній помилці компонент не «падає» сторінкою; повідомлення зрозуміле користувачу.
5) Форми та валідація
Додати клієнтську валідацію (наприклад,
zod/Yup+ React Hook Form).Відключити багаторазові сабміти (disabled під час
isSubmitting).
Критерій: Невалідні дані не відправляються; користувач бачить підказки біля полів.
6) Локалізація мінімум
Підтягнути ключі з i18n (наприклад,
react-i18next) для хедера/футера/CTA.Убрати «жорстко» захардкожений текст у 3–5 місцях.
Критерій: Перемикач мови змінює ці тексти без ребілду.
7) Малий рефакторинг
Винести повторювані кнопки/картки в дрібні компоненти (
Button,Card).Прибрати не використані імпорти, увімкнути ESLint «recommended».
Критерій: Лінт без помилок; зменшено дублювання коду.
8) Безпека фронту (мінімум)
Додати
rel="noopener noreferrer"для зовнішніх посилань.Маскування токенів у консолі; вимкнути детальні stack traces у проді.
Критерій: Немає попереджень у консолі прод-збірки щодо небезпечних посилань.
Відгук замовника про співпрацю з Андрієм Коломійчуком
Правки ReactДуже задоволений доопрацюванням сайту на технології React. Команда швидко внесла зміни, покращила продуктивність та зручність інтерфейсу. Сайт працює стабільно й виглядає сучасно!
Відгук фрилансера про співпрацю з Пашею
Правки ReactВсе супер, рекомендую замовника!
-
Доброго дня.
Маю великий досвід у створенні та веденні сайтів.
Буду радий по співпрацювати.
Зроблю якісно та швидко.
Схожий виконаний проєкт: Виправити помилки на сайті
-
605 2 0 Ми якраз закривали подібні задачі під час SEO та performance-оптимізації на проєкті Trellify
— це React + TypeScript SaaS застосунок, який ми вивели на Lighthouse 95+ без переходу на Next.js.
давай доступ до репозиторію )
-
2065 32 0 Ми проведемо оптимізацію фронтенду за кількома напрямками:
прискоримо завантаження сторінок і картинок (щоб ключові показники Google Lighthouse були в зеленій зоні);
додамо базові SEO-метадані для кращої індексації;
виправимо доступність (щоб сайт коректно працював із клавіатури та для screen reader-ів);
обробимо помилки зручним для користувача способом;
…
оновимо форми з валідацією;
додамо локалізацію для ключових елементів;
зробимо невеликий рефакторинг та базові правки по безпеці.
Результат: сайт працює швидше, не сиплеться при помилках, готовий до SEO, доступний для більшої кількості користувачів і легший у підтримці.
-
6786 18 1 Вітаю. Я фронт енд розробник 3.5+ років. Маю досвід в оптимізації додатків на реакт/некст. Пишіть
-
96232 1273 1 10 Вітаю.Є великий досвід з React.Готовий до співпраці.Звертайтесь.
-
217 Доброго вечора. Швидко та якісно зроблю рефакторин вашого коду на React тому що саме це моя спеціалізація. Додаю портфоліо. Лінк на гугл диск:
Google Drive ; пропоную списатись в особистих листуваннях та обсудити деталі співпраці . По основним тех скілам : Frontend: HTML, CSS (Responsive/Adaptive Design), JavaScript, TypeScript, React, Redux, REST API, Android Studio
Backend: Node.js, MongoDB and Tools: VSC, Trello, Vite, Git, Slack,
Актуальні фриланс-проєкти в категорії CMS
Встановлення плагіну на shopify для кастомізації контенту на різних сторінкахВітаю. Треба на сайт на шопіфай встановити плагін для можливості додавати та редагувати кастомний контент внизу кожної сторінки категорії для СЕО. треба: 1. текстовий формат 2. Блок FAQ або мобливо це реалізувати через код сайту, але щоб це не вплинуло на роботу сайту, типу… CMS, Веб-програмування ∙ 16 годин 23 хвилини тому ∙ 29 ставок |
Виправити баги у верстці на сайті OkayCMS
700 UAH
Виправити баги у випадаючих меню на сайті на OkayCMS. Баг у відображенні підкатегорії меню при наведенні на них CMS, Веб-програмування ∙ 17 годин 32 хвилини тому ∙ 42 ставки |
Інтернет-магазин на Okay CMS
9000 UAH
Доброго часу доби всім. https://okay-cms.com Потрібен спеціаліст, який розбирається в ОКАY CMS. Робота по розробці магазину: 1. Встановити Okay CMS на наданий хостинг. 3. Активувати та встановити шаблон. 4. Підключити домен. 5. Налаштувати HTTPS-сертифікат (Let’s Encrypt або… CMS, Інтернет-магазини та електронна комерція ∙ 21 година 17 хвилин тому ∙ 26 ставок |
Розробка сайту для інтернет-магазину.Цікавить розробка сайту для інтернет-магазину. Потрібна система: інтернет-магазин (до 2000 товарів, на початках менше), 10–20 SEO-орієнтованих лендінгів, інтеграції з 1С та ШІ-сервісами. CMS, Веб-програмування ∙ 1 день 20 годин тому ∙ 93 ставки |
Допрацювання Front-end e-com сайта на OpencardПотрібно допрацювати front-end e-commerce сайту на OpenCart. Основні задачі: виправити візуальні баги, адаптивність під мобільні пристрої, покращити відображення карток товарів, категорій, кошика та сторінки оформлення замовлення. Очікується акуратна верстка, збереження… CMS, Веб-програмування ∙ 2 дні 12 годин тому ∙ 58 ставок |