Do next.js co wybrać na testy e2e, co na testowanie komponentów? Playwright czy Cypress? Vitest czy Jest? Jest i Cypress znam bo używam. Playwright zacząłem próbować ale strasznie wydaje mi się nieprzejrzysty w porównaniu do Cypress (może tak mi się wydaje bo jestem przyzwyczajony do Cypress). Co rekomendujecie?

#nextjs #frontend #cypress #playwright #react #programowanie
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@ra_s: jak znasz cypressa to wybor jest prosty, ja cypressa uzywam do e2e/api i komponentow. Co do playwrighta to racja - na start malo przystepny
  • Odpowiedz
via Wykop
  • 0
@imo0mfg: Wybrałem playwrighta na e2e... jest wyzwanie. Póki co idzie mi pisanie jak krew z nosa ale sie rozkrece z czasem. Do testowania komponentów, hooków i wszelakiej innej logiki wybrałem Vitest dla czelendżu.
  • Odpowiedz
@Zimm3man: Ale nadal PO czy SM (Sales manager, nie scum master XD) chociaż róchają, często i gęsto takie Karolinki po różnych integracjach. A Kamilek to taki mały grubas, któremu w szkole zabierali kanapki i się śmiali a teraz w pracy zasadniczo dzieje się to samo tylko w formie dojeżdżania w scrumie. Polskie IT niczym się nie różni od polskiego gimnazjum. Te same zachowania, te same mechanizmy... Tylko ludzie starsi i
  • Odpowiedz
@KundelekPaniMagdaleny: w piątek pograłem w wolfensteina, wczoraj poczyatłem sobie ksiażke, byłem na zlocie gier retro, a dzisiaj film obejrzałem i się assemblera 6502 dziś pouczyłem i wiesz co? przy asm najbardziej się bawiłem, już 17:00 nie wiem kiedy mi dzień zleciał

programista
  • Odpowiedz
✨️ Czy portfolio ma sens w rekrutacji na junior/mid fronta?
Portfolio ma jakikolwiek sens pod rekrutacje na junior/mid fronta? Czy rekruterzy biorą to w ogóle pod uwagę i można się tym wyróżnić? Mam trochę ponad 3 lata expa w małym SH (~10 osób) i szykuję się do zmiany pracy. Stack to głównie Next.js, Wordpress/Woo i sporadycznie backend w PHP/Expressie. Zastanawiam się też czy dobrze zrealizowane portfolio z ciekawymi projektami, o których potrafię
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Portfolio ma jakikolwiek sens pod rekrutacje na junior/mid fronta? Czy rekruterzy biorą to w ogóle pod uwagę i można się tym wyróżnić? Mam trochę ponad 3 lata expa w małym SH (~10 osób) i szykuję się do zmiany pracy. Stack to głównie Next.js, Wordpress/Woo i sporadycznie backend w PHP/Expressie. Zastanawiam się też czy dobrze zrealizowane portfolio z ciekawymi projektami, o których potrafię opowiedzieć są w stanie zrekompensować ewentualne kiepskie technical interview.


@mirko_anonim
  • Odpowiedz
#frontend #programowanie

Jak mam konfigurator na wiele stepów, ale wszystko było pisane na context api na kolanie, to jeśli chciałbym zmigrować na jakiś schludniejszy state management to najlpiej Zustand? Nie chce się z buta w Reduxa w takim wypadku ładować
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@techko: tak jak napisalem. Zalezy co jest twoim source of true w aplikacji. Widzialem dzieiastki apek, ktore sa tak naprawde tylko UI-em do backendu i tutaj 100% wystarcza opieranie sie na stanie serwera.

tutaj op ewidentnie ma client side do budowania jakiegos payloadu do requestu

I czy ten stan poza konfiguratorem jest gdzies jeszcze potrzebny? Moze sie okazac, ze niekoniecznie. Ale to dywagacje.
  • Odpowiedz
Jestem backendowcem. Muszę dodać parę funkcjonalności w react i nodejs. Kurde pisze w chatgpt co chce i kopiuje kod ze strony do aplikacji, ale zarabiste. Nie znam nawet react xD Jak czegoś nie rozumiem w kodzie co mi chatgpt wygenerowal to po prostu pytam go co to robi. Copilot ze swoimi poleceniami pisanymi w komentarzach ktore raz działają raz nie niech się chowa. To co najwyżej pomaga w podpowiadaniu małych zmian w
  • 8
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

#frontend Obrażam się na stacking-contexty w css (°°
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Jak podchodzicie do testowania kodu frontowego? Przyznam szczerze, że spotkałem się już z wieloma podejściami, ale chyba najbardziej podzielam to o których pisze twórca RTLa, czyli żeby test komponentu odzwierciedlał jego realne użycie przez end usera. Więc piszemy głównie testy integracyjne wspierając się tylko unitami.

#programista15k #programowanie #frontend #react #vuejs #angular
  • 13
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@AntyKuc RTL i uzywasz zgodnie z accessibility czyli tak jak ta biblioteka zostala zaprojektowana. Jest kilka waznych zasad:

1. Nie testuj styli, jakis wizualnych aspektow - od tego sa visual testy
2. Nie uzywaj dataTestId - to dodaje smieciowy kod i wymusza implementacje - testy powinny dzialac praktycznie niezaleznie od implementacji ficzera, liczy sie efekt
3. Nie sprawdzaj czegos co jest juz testowane gdzie indziej - jezeli Twoj komponent renderuje inny komponent ktory ma
  • Odpowiedz
@mirasKo-Kalwario czy jest okej to jest kwestia do dluzszej dyskusji, napewno w unitach to nie jest okej (mozesz o tym poczytac nawet w ich dokumentacji) natomiast to ze wydaje Ci sie ze jest szybciej to jest miecz obosieczny bo wystarczy ze zmienisz lekko implementacje i test Ci wywali i ttzeba poprawiac i test i dodawac datatestid. Jezeli nie jestes w stanie inaczej tego zrobic to znaczy ze nie tyle test jest
  • Odpowiedz
https://deweloperuch.pl jaki framework UI jest używany? czy wszystko napisane od podstaw? bo widzę klasy Tailwind CSS i chyba nawet nie ma własnych stylów. Czy strona jest stworzona jakimś narzędziem, czy cały kod pisany z palca?

Strona wykorzystuje Next.js, coraz więcej aplikacji w tym powstaje i może warto się nauczyć?

Moim słabym punktem zawsze był web design. Nie umiałem stworzyć porządnego layoutu, nie wiedziałem, jakie czcionki, kolory, efekty, cały UI pisałem od podstaw w HTML
  • 18
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@kekerott: widziałem nie raz i nie dwa i ja raczej nie narzekałem na jakość. Nie mowie, ze idealnie każdy template jest napisany bo zdarzają się tu i tam różne problemy ale problemy do ogarnięcia. A za tą jakość to taniej się chyba nie da.
  • Odpowiedz
Mirki, jak dodać w skrypcie Tampermonkey, nowe podmenu na stronie Youtube, nazwijmy to Główna2 ?
Na oko, sklonować to z diva items ytd-guide-entry-renderer z klasą style-scope ytd-guide-section-renderer
Ale ilekroć próbuje to zrobić z pomocą chatagpt, to on nie może tego menu dodać.

Chciałbym zrobić jakby taki skrypt do strony youtube, aby w nowy, bardziej rozbudowany sposób, zarządzać subskrypcjami i rekomendowanymi do obejrzenia wideo z wielu kanałów. Często nie robię subskrypcji jakiegoś kanału żeby nie zaśmiecać
interpenetrate - Mirki, jak dodać w skrypcie Tampermonkey, nowe podmenu na stronie Yo...

źródło: obraz_2025-08-10_142525704

Pobierz
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@interpenetrate: Zrobienie nowego menu to akurat najłatwiejsza część, problemem jest reverse engineering requestów jakie latają w tle, żeby wyciągnąć to, czego potrzebujesz w tym menu.

W API będziesz miał wszystko ładnie uporządkowane, tylko wyświetlić.
  • Odpowiedz
@Jake_921: yyy no dobra ale jak z tym zacząć? API key mam nie o to chodzi, tylko w sensie, to chatgpt ma napisać rozszerzenie do chrome, i co, i to rozszerzenie będzie otwierało jakieś okienko popup w przeglądarce czy nową stronę?
Ogólnie myślisz że jest jakaś opcja żeby jednak uwzględnić to jakoś w layoucie youtube takim jaki jest?
Bo ja nie rozumiem jak Ty wyobrażasz sobie działanie takiego rozszerzenia o
  • Odpowiedz