Poprawki React
1) Obrazy i wydajność
Zamienić
<img>na zoptymalizowany komponent (na przykładnext/imagelub własny lazy-loader).Dodaj
loading="lazy"orazdecoding="async"dla zewnętrznych obrazków.Sprawdzić duże bundli: opóźnić niekrytyczne skrypty (
dynamic import()/React.lazy).
Kryterium: LCP ≤ 2.5 s na stronach głównych; brak błędów z „Largest Contentful Paint image was lazily loaded”.
2) Metadane SEO
Dodaj jedną powłokę dla meta-tagów (Head/Helmet lub
next-seo):title,description,canonical, OG/Twitter.Autogenerować
canonicalna podstawie bieżącej ścieżki.
Kryterium: Na kluczowych stronach obecne title, meta[name="description"], link[rel="canonical"] (ważne i unikalne).
3) Dostępność (A11y)
Dodaj
aria-labeldla interaktywnych przycisków/ikon, które nie mają tekstu.Popraw kontrasty/stylizacje fokusu (outline) dla nawigacji klawiaturowej.
Kryterium: Sprawdzenie dostępności Lighthouse ≥ 90; kluczowe przyciski dostępne z klawiatury.
4) Błędy i granice błędów
Dodaj Error Boundary wokół krytycznych tras/widgetów.
Jedyny handler toast do wyświetlania błędów API (usunąć
alert).
Kryterium: Przy sztucznej pomyłce komponent nie „upada” na stronie; komunikat zrozumiały dla użytkownika.
5) Formy i walidacja
Dodaj walidację po stronie klienta (na przykład
zod/Yup+ React Hook Form).Wyłącz wielokrotne przesyłanie (disabled podczas
isSubmitting).
Kryterium: Nieprawidłowe dane nie są wysyłane; użytkownik widzi podpowiedzi obok pól.
6) Minimalna lokalizacja
Pobierz klucze z i18n (na przykład
react-i18next) dla nagłówka/stopki/CTA.Usuń „sztywno” zakodowany tekst w 3–5 miejscach.
Kryterium: Przełącznik języka zmienia te teksty bez rebuilda.
7) Mały refaktoryzacja
Wydziel powtarzające się przyciski/karty do małych komponentów (
Button,Card).Usuń nieużywane importy, włącz ESLint „recommended”.
Kryterium: Lint bez błędów; zmniejszone duplikowanie kodu.
8) Bezpieczeństwo frontu (minimum)
Dodaj
rel="noopener noreferrer"dla zewnętrznych linków.Maskowanie tokenów w konsoli; wyłącz szczegółowe stack traces w produkcji.
Kryterium: Brak ostrzeżeń w konsoli produkcyjnej dotyczących niebezpiecznych linków.
Opinia zleceniodawcy o współpracy z Andrii Kolomiichuk
Poprawki ReactBardzo zadowolony z dopracowania strony na technologii React. Zespół szybko wprowadził zmiany, poprawił wydajność i wygodę interfejsu. Strona działa stabilnie i wygląda nowocześnie!
Opinia freelancera o współpracy z Pasha It
Poprawki ReactWszystko super, polecam zleceniodawcę!
-
Dzień dobry.
Mam duże doświadczenie w tworzeniu i prowadzeniu stron internetowych.
Będę zadowolony z współpracy.
Zrobię to jakościowo i szybko.
Podobne wykonane zlecenie: Виправити помилки на сайті
-
605 2 0 Właśnie zamykaliśmy podobne zadania podczas SEO i optymalizacji wydajności w projekcie Trellify
— to aplikacja SaaS w React + TypeScript, którą doprowadziliśmy do Lighthouse 95+ bez przechodzenia na Next.js.
daj dostęp do repozytorium )
-
2065 32 0 Przeprowadzimy optymalizację frontendu w kilku obszarach:
przyspieszymy ładowanie stron i obrazków (aby kluczowe wskaźniki Google Lighthouse były w zielonej strefie);
dodamy podstawowe metadane SEO dla lepszej indeksacji;
naprawimy dostępność (aby strona poprawnie działała z klawiatury i dla czytników ekranu);
obsłużymy błędy w sposób przyjazny dla użytkownika;
…
zaktualizujemy formularze z walidacją;
dodamy lokalizację dla kluczowych elementów;
przeprowadzimy niewielki refaktoring i podstawowe poprawki bezpieczeństwa.
Rezultat: strona działa szybciej, nie sypie się przy błędach, gotowa do SEO, dostępna dla większej liczby użytkowników i łatwiejsza w utrzymaniu.
-
6786 18 1 Witaj. Jestem front-end deweloperem z ponad 3,5-letnim doświadczeniem. Mam doświadczenie w optymalizacji aplikacji na React/Next. Piszcie
-
96304 1273 1 10 Witam. Mam duże doświadczenie z React. Jestem gotowy do współpracy. Proszę o kontakt.
-
217 Dobry wieczór. Szybko i jakościowo zrobię refaktoryzację twojego kodu na React, ponieważ to jest moja specjalizacja. Dodaję portfolio. Link do Google Drive:
Google Drive ; proponuję skontaktować się w prywatnych wiadomościach i omówić szczegóły współpracy. Co do głównych umiejętności technicznych: Frontend: HTML, CSS (Responsive/Adaptive Design), JavaScript, TypeScript, React, Redux, REST API, Android Studio Backend: Node.js, MongoDB oraz Narzędzia: VSC, Trello, Vite, Git, Slack,
Aktualne zlecenia dla freelancerów w kategorii Content Management Systems
DevOps / Administrator systemów do przeniesienia i zabezpieczenia strony WordPressSzukamy doświadczonego inżyniera DevOps lub administratora systemu do jednorazowego projektu z możliwością dalszego wsparcia technicznego. Mamy główną stronę komercyjną na WordPressie. Obecnie jest ona hostowana na wspólnym serwerze, ostatnio borykamy się z rosnącą liczbą… Content Management Systems, Programowanie stron internetowych ∙ 16 godzin 6 minut temu ∙ 24 oferty |
Dopracowanie modułu Simple Pass Open Cart
207 PLN
Dzień dobry, co trzeba zrobićproblem: podstawowa funkcjonalność modułu pozwala na parsowanie cen promocyjnych, daty akcji są ustawiane tylko ręcznie przed parsowaniemco trzeba zrobić:1) dopracować możliwość parsowania daty rozpoczęcia i zakończenia akcji2) ustawić datę… Content Management Systems ∙ 17 godzin 27 minut temu ∙ 13 ofert |
Rozwój strony internetowej dla sklepu internetowego.Zainteresowany opracowaniem strony internetowej dla sklepu internetowego. Potrzebny system: sklep internetowy (do 2000 produktów, na początku mniej), 10–20 SEO-zorientowanych landingów, integracje z 1C oraz usługami AI. Content Management Systems, Programowanie stron internetowych ∙ 21 godzin 10 minut temu ∙ 77 ofert |
Dopracowanie Front-end e-sklepu na OpencardTrzeba dopracować front-end e-commerce strony na OpenCart. Główne zadania: poprawić błędy wizualne, dostosowanie do urządzeń mobilnych, poprawić wyświetlanie kart produktów, kategorii, koszyka oraz strony składania zamówienia. Oczekuje się starannego kodowania, zachowania… Content Management Systems, Programowanie stron internetowych ∙ 1 dzień 13 godzin temu ∙ 53 oferty |
SEO/GEO-architekt pełnego cyklu dla WordPress (Bricks) — niszowe strony eksportowe EN: Pełno-cykłowe SEO/GEOO nas. KOLEO — firma zajmująca się budownictwem domów drewnianych (Ukraina, 20+ lat, 300+ projektów w 35+ krajach). Wchodzimy na rynki eksportowe poprzez serię niszowych stron internetowych. Szukamy specjalistów, których strony naprawdę się rankują — w Google i w wyszukiwaniu AI… Content Management Systems, Promocja w wyszukiwarkach (SEO) ∙ 1 dzień 16 godzin temu ∙ 15 ofert |