#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
@mcsQ teraz leci tyle CV, że nie trafiają one do programistów. HRki wyławiają z nich piękne CV hindusów, którzy nie są w stanie przejść rozmów technicznych i tak się nakręca mit o tych kandydatach co to nic nie umiejo.
  • Odpowiedz
Zadanko z frontendmentora Testimonials grid section, na mniejszej szerokości @media też odbębniony. Małe, a cieszy. Brakuje co prawda cieni i jednego elementu w pierwszym kafelku ale co tam xD

#webdev #frontend
Povsajo - Zadanko z frontendmentora Testimonials grid section, na mniejszej szerokośc...

źródło: postep

Pobierz
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

wiecie co jest zabawne w tym memie? ze jako frontendowiec ze sporym expem zdarza mi sie tak robic XD oczywiscie zamiast fizycznej linijki uzywam painta xD

#frontend
wybacz - wiecie co jest zabawne w tym memie? ze jako frontendowiec ze sporym expem zd...

źródło: dd

Pobierz
  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

  • 0
@ra_s:

spokojnie synu, eldorado sie skonczylo, jeszcze bedziesz mowil "tak jest panie januszu, na jutro dodam o co mnie jasnie pan prosi"
  • Odpowiedz
@wybacz: Spokojnie tatko bo tata marcina powiedział, że jak jedno eldorado się kończy to gdzieś zaczyna się drugie ( ͡° ͜ʖ ͡°)
  • Odpowiedz
#linux #webdesign #frontend #css

Przypominałem sobie kiedyś CSSa i bawiłem się w wizualne projektowanie klawiatury. Pomyślałem sobie, że fajnie byłoby mieć klawiaturę z wbudowanymi kartami, na których byłby np. jakiś mobilny system, ustawienia, różne dane, muzyka. Za pomocą wyświetlacza na klawiaturze aktywowałoby się nośniki, który pojawiałyby się od razu w systemie. Mogłaby być tteż opcja szyfrowania wybranych kart na poziomie czipsetu i hasła podawanego
psiversum - #linux #webdesign #frontend #css 

Przypominałem sobie kiedyś CSSa i bawi...

źródło: keyboard

Pobierz
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Patrze na te gniazda z prawej strony i obawiam się, że dla większości (praworęcznych) może być potencjalny problem wkurzających kabli przy myszce
  • Odpowiedz
jakby sie ktos zastanawial jaki jest obecnie poziom stazystow z #frontend to przysylaja zadanie praktyczne wysrane przez AI, a na rozmowie praktycznej maja problem z napisaniem petli xD

#pracait
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@wybacz: żadna zmiana, teraz po prostu łatwiej ciąć w c---a dzięki AI w rekrutacjach code related.

Ludzie tak potrafią się przygotować do rozmów, że sprawiają wrażenie super ogarniętych. Tylko potem jest niespodzianka na co dzień w robiecie.

Dlatego teraz na rekrutacjach live coding wiedzie prym
  • Odpowiedz
Sprawdziłem modele Windsurf, żeby zobaczyć który AI najszybciej i najlepiej skleci prostą appkę w Vue + Pinia. Jedne się wywalały, inne robiły tylko package.json, a niektóre faktycznie dowiozły TODO-listę. Szczegóły i screeny tutaj:
👉 https://tomaszs2.medium.com/windsurf-model-benchmark-which-ai-builds-a-vue-todo-app-fastest-c9b7d95c0c85?sk=b992e7fa9fd2b60d88d157d3056d0a55

P.S. Claude znowu coś przekombinował 😅

#ai #vuejs #pinia #programowanie #windsurf #frontend #todoapp #gpt #sztucznainteligencja #benchmark
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

#programowanie #webdev #frontend #backend #webdesign
Hej. Zrobiłem sobie stronkę prostą pod wesele. Jakies podstawowe info o weselu, slubie itp. Chcialem wrzucic tam przycisk do wysylania zdjęć do chmury. Testowalem pierw przez netlify wystlanie do dropbox ale zblokowala mnie ilosc przetwarzanych danych przez skrypt na stronie. Próbowałem z google ale znowu bez autentykacji jest lipa. Ma to wyglądać tak, że zdjecia wybierane są
  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Jak to WordPress to napewno jest do tego wtyczka, jak sam pisałeś to trzeba samemu napisać obsługę dodawania zdj i galerię. Niestety nie znam żadnej bilbioteki do takich zadań
  • Odpowiedz
@majk093: Raczej nie powinieneś bazować na rozwiązaniach typu dropbox, tylko raczej na jakimś AWS/Cloudflare R2 - w tym drugim nie zapłacisz za transfer - co może być w Twoim przypadku niezłe.

Nie obawiasz się, że to może skończyć się dużą ilością przeróżnego syfu "hackerów"?

Jeżeli robiłeś już coś kiedy z JS, to ja bym poszedł w Cloudflare :)
  • Odpowiedz