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: Виправити помилки на сайті
-
655 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 )
-
2092 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.
-
6876 18 1 Witaj. Jestem front-end deweloperem z ponad 3,5-letnim doświadczeniem. Mam doświadczenie w optymalizacji aplikacji na React/Next. Piszcie
-
93540 1262 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
Opracowanie niestandardowego oprogramowania (aplikacja na Androida + CMS) dla kiosków samoobsługowych SUNMI K2 (fast food)
82 PLN
Szukamy doświadczonego zespołu lub programisty Android na poziomie średnim/zaawansowanym (możliwe, że z umiejętnościami Full-stack) do stworzenia własnego oprogramowania dla kiosków samoobsługowych sieci fast food. Obecnie nasze terminale działają na bazie gotowego chmurowego… Content Management Systems, Aplikacje desktopowe ∙ 11 godzin 9 minut temu ∙ 13 ofert |
Wordpress poprawki stronyNa stronie starej grinbio.org należy dodać po punktach (nowa strona została utracona z powodu hosta) 1. Zmianę języków (ukr, ang, ru) i aby było /ru/ /en/ w domenie 2. Z archiwum internetowego należy przenieść wszystkie karty produktów (i na stronie, które teraz są,… Content Management Systems, Programowanie stron internetowych ∙ 3 dni 10 godzin temu ∙ 64 oferty |
Agregator usług
1639 PLN
Trzeba stworzyć agregator usług. Najpierw prostą wersję testową, a następnie w formacie strony internetowej + aplikacja. Dla wersji testowej potrzebne jest: 1. Strona (z autoryzacją użytkownika Klient / wykonawca) 2. Przekazanie zamówienia wykonawcy i pobieranie prowizji… Content Management Systems, Programowanie stron internetowych ∙ 6 dni 8 godzin temu ∙ 79 ofert |
Strona na WordPressie z wykorzystaniem Elementora.
820 PLN
Potrzebne jest zaktualizowanie strony internetowej w ramach przygotowań do nadchodzącego wydania książki. Obecna strona została stworzona na WordPressie z użyciem Elementora: https://adamchronister.com/ Redesign rozszerzy stronę z formatu jednolinkowego do zoptymalizowanego… Content Management Systems, PHP ∙ 7 dni 4 godziny temu ∙ 58 ofert |
Należy stworzyć nowoczesną stronę internetową premium dla firmy przeprowadzkowej w Calgary, Kanada — Golden Hive Moving
2908 PLN
Potrzebujemy stworzyć nowoczesną stronę internetową premium dla firmy przeprowadzkowej w Calgary, Kanada — Golden Hive Moving. Szukamy wykonawcy lub małego zespołu z doświadczeniem w tworzeniu nowoczesnych stron internetowych dla rynku północnoamerykańskiego. Główne zadanie… Content Management Systems, Programowanie stron internetowych ∙ 7 dni 8 godzin temu ∙ 94 oferty |