Wszystko

Najnowsze

Archiwum

oreze
  • 0
jak wygląda dependency injection w #react ? nk jakiś artykuł, link do dokumentacji, co jest na czasie, cokolwiek bo nie mogę nic ciekawego znaleźć xD nie pomaga ten r-------y ekosystem gdzie rzeczy sprzed roku są już przestarzałe

#frontend #programowanie
  • 3
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
scorpio18k
  • 0
Mam komponent "ListItem", który wyświetla element listy z opcją "zmień nazwę" i "usuń", które łączą się z bazą danych.
HomePage wyświetla wszystkie "ListItem" z bazy danych.
Jak zrobić, żeby "ListItem" znikneło, gdy usunę je z bazy danych?
JAk odświerzyć listę na HomePage z wnętrza ListItem ?
Czy po prostu zmienić render wewnątrz ListItem na pusty w momencie usunięcia?

#react
  • 2
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
michael94
  • 2
I w handle w parencie albo refetch na elementy, albo znalezienie usuniętego elementu na liście i odfiltrowania go z tablicy elementów do wyświetlenia.
  • Odpowiedz
Passer93
  • 1
@zwei: A Flutter jest spoko :D Sam zaczynałem kariere od mobilek i Androida więc nie będę ocenial ( ͡° ͜ʖ ͡°)
A tak na poważnie to im więcej różnych technologi tym szersza perspektywa.
  • Odpowiedz
Rst00
  • 1
@veracholera: zależy od skali aplikacji i problemów. Generalnie mnie męczy pisanie w tym aczkolwiek dostrzegam zalety, na codzień preferuję CSS Modules ale są z nim czasami problemy przy większych aplikacjach gdzie czasami webpack odwali lipę przy chunkowaniu i niektóre style rozrzuca (duplikuje) lub czasami nawet linkuje w taki sposób że zmienia się css order i efekt nie jest taki jak oczekiwany.
  • Odpowiedz
Rst00
  • 1
@klamkaodokna: zrób sobie jakiegoś wrappera w którym wywolasz UploadRelay, przekaz mu propsem jakąś metodę zapisująca dane w useState z wrappera i wtedy prosty conditional rendering z replayHand i przekazaniem rozdania jako props
  • Odpowiedz
klamkaodokna
klamkaodokna
  • 1
@Rst00: witam po banie. poradzilem sobie i polecilem usunac komentarz ale kolega wyzej to cpun na xanaxie i mu sie czasem troche myla rozne rzeczy i wypisuje glupoty ;). dzieki za pomoc ( ͡° ͜ʖ ͡°).
obecnie walcze z asynchronicznymi funkcjami w komponentach i byc moze bede sie niedlugo odzywal na tagu bo powoli mnie doprowadzaja do szalu ( ͡~ ͜ʖ ͡°)
  • Odpowiedz
Gamgee
  • 3
Hej. Od kilku tygodni męczę się z ustawieniem działającego hot reloadu na dockerze. Mam jeden kontener z Pythonem+FastAPI i tam wszystko działa, ale w kontenerze z Reactem nie działa hot reload mimo że ustawiłem CHOKIDAR_USEPOLLING na true. Sprawdzałem przez terminal czy zmiany plików przez VSCode dzieją się w kontenerze i faktycznie się zmieniały, nie wiem co jeszcze może nie grać. Z być może istotnych rzeczy korzystam również z WSL2 oraz Remote Containers
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
ujdzie
  • 1
@veracholera: mój protip jest taki żebyś najpierw sobie to poukładał w jakimś programie do projektowania - (Figma/XD/etc), a dopiero potem kodował. Bo teraz problem jest taki, że przesunięcie jakiegoś elementu w kodzie zajmuje na tyle dużo czasu, że łatwiej ci znajdować wymówki. I nie szydzę, ja to znam z autopsji.

A co do Dribbble - wiele rzeczy tam jest nie do zakodowania, więc się specjalnie nie sugeruj. Ale jako inspiracja
  • Odpowiedz
scorpio18k
  • 0
Mam komponent, który pobiera z bazy danych listę nazwisk i ją wyświetla.
Mam też komponent, który dodaje nowe nazwisko do bazy danych.
Jak zrobić, żeby ten komponent z dodawania nazwisk powiedział temu komponentowi wyświetlającemu listę, żeby tą listę odświerzył?
#react
  • 2
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
Rst00
  • 1
@scorpio18k: Generalnie najprościej byłoby mieć jeden komponent rodzic w którym miałbyś akcję pobierania danych z bazy oraz dodawania danych do bazy i obie te metody byś przekazywał do komponentów niżej. Wtedy wywołując akcję z dodawaniem do bazy mógłbyś jednocześnie wywołać akcję pobierania danych. W ogóle rozwiązań jest cała masa, to tylko jedno przykładowe.
  • Odpowiedz
w.....z
w.....z
  • 0
pobieram liste N zdjec i chce wyswietlac w ich miejsce skeletony jak nie sa zaladowane, to mam to zrobic tak, ze po prostu trzymam w tablicy 200 booleanow i jak zaladowalo obrazek ustawiam (przy pomocy onLoad w img) odpowiedni element tablicy tych booleanow na true?

#frontend #javascript #react
  • 3
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
lobo
  • 1
@wybacz: Ogólnie dla reacta to najsensowniej jest robić sobie komponent który będzie wyświetlał obrazek i jako parametry przyjmujący ścieżkę i wymiary (może być więcej parametrów) i to ten komponent powinien swoim lokalnym stanem decydować czy wyświetla obrazek czy tylko placeholder. A jak rozpoznać to np. używając intersection observera a jak interesuje ciebie tylko ff/chrome/edge to istnieje atrybut loading="lazy"
  • Odpowiedz
xaro
  • 1
Jeżeli masz w pliku Login.js i jakimś innym pliku komponentowym takie same className to tak to będzie działało.
  • Odpowiedz
techko
techko
  • 3
pobrane style nie sa ograniczane do komponentow, to co raz pobierasz moze zostac uzyte przeciwko tobie ( ͡° ͜ʖ ͡°)

masz kilka rozwiazan, zaleznie od tego co chcesz konkretnie osiagnac
- code splitting z osobnymi stylami
- rozwiaznie css in js/ moduly
- jesli chodzi tylko o kolizje nazw to konwencja nazewnictwa typu
  • Odpowiedz

Powiązane tagi