Wszystko

Najnowsze

Archiwum

scorpio18k
  • 0
@postrachNocnegoSzczura: To też ale nie w tym problem.

Udało mi się rozwiązać to za pomocą:
{fetchedValue && }

Z tego co ogarnąłem, to Example ładował się z wartością undefined zanim się pobrały dane z bazy danych i tak zostawało. Dzięki { fetchedValue && ... } ładuje komponent dopiero gdy coś tam jest.
  • Odpowiedz
Rst00
  • 0
@scorpio18k: wszystko zależy co chcesz osiągnąć. To co zrobiłeś to nazywa się conditional rendering czyli jak fetchedValue będzie "truly"' to wyrenderuje się . Równie dobrze mogłeś zostawić jak miałeś i w środku Example sprawdzać czy value nie istnieje i wyświetlać np. loader itd.
  • Odpowiedz
AnonimoweMirkoWyznania
  • 2
#anonimowemirkowyznania
Skąd wiedzieć, że jesteśmy gotowi żeby móc aplikować jako junior do IT xd? Założmy, że chce się przebranżowić na np. fronend developera. Zaczynam od jednego kursu, potem robię kolejny i co dalej xd? Zrobię z 2-3 kursy ale będę umiał załóżmy na pamięć tylko te przykłady z kursu a w robocie może być wszystko inne. Trzeba przerobić tyle kursów żeby być przygotowanym na różne scenariusze czy co :D? Ewentualnie
  • 12
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
Rhodium
Rhodium
  • 6
Założmy, że chce się przebranżowić na np. fronend developera. Zaczynam od jednego kursu, potem robię kolejny i co dalej xd? Zrobię z 2-3 kursy ale będę umiał załóżmy na pamięć tylko te przykłady z kursu a w robocie może być wszystko inne. Trzeba przerobić tyle kursów żeby być przygotowanym na różne scenariusze czy co :D? Ewentualnie wchodzę sobie na ogłoszenie juniorskie i widzę, że chcą: JS, HTML, CSS, MySQL, GIT i rozumiem,
  • Odpowiedz
nunczako
  • 0
W jaki sposób useEffect wie/widzi, które "zewnętrzne" zmienne zostały użyte w podanej funkcji i muszą znaleźć się na liście zależności? Chyba nie analizuje jej składni?
#react
  • 1
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
Rst00
Rst00
via Wykop Mobilny (Android)
  • 1
@nunczako: generalnie to za powiedzi odpowiada odpowiednio skonfigurowany linter który może zasugerować jakie dependencies powinien mieć useEffect ale działa to na zasadzie analizy tego co w tym useEffectcie się znajduje. Jak załóżmy masz w ciele useEffecta zmienna count którą używasz jako parametr funkcji to właśnie count powinien się znaleźć w dependencies żeby React wiedział że musi odpalić useEffect jak tylko count się zmieni
  • Odpowiedz
lobo
  • 0
@wybacz: tak w 95% sytuacji arrow function. W zasadzie zwykłego typu używam tylko w 2 wypadkach
1. Gdy oczekuję, że gdzieś będzie zmieniany kontekst
2. Gdy mi się zapomni i wiem, że funkcja i tak nie używa thisa :)
  • Odpowiedz
scorpio18k
  • 0
[test, setTest] = useState("X")

Czy przy użyciu setTest((arg)=>{ ......... })
do arg trafia domyślnie to co aktualnie znajduje się wewnątrz "test" czyli w tym wypadku "X" ?

#react #reactjs
  • 1
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
AnonimoweMirkoWyznania
  • 1
#anonimowemirkowyznania
Skąd wiedzieć, że jesteśmy gotowi żeby móc aplikować jako junior do IT xd? Założmy, że chce się przebranżowić na np. fronend developera. Zaczynam od jednego kursu, potem robię kolejny i co dalej xd? Zrobię z 2-3 kursy ale będę umiał załóżmy na pamięć tylko te przykłady z kursu a w robocie może być wszystko inne. Trzeba przerobić tyle kursów żeby być przygotowanym na różne scenariusze czy co :D? Ewentualnie
AnonimoweMirkoWyznania - #anonimowemirkowyznania Skąd wiedzieć, że jesteśmy gotowi ż...

źródło: comment_1657984656yWPY9M7XbvLN8FLkZOgvuL.jpg

Pobierz
  • 7
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
castover
castover
  • 7
Wymyślasz sobie jakiś projekt. Jeżeli do tej pory działałeś w jakiejś branży, to próbujesz napisać aplikację, która rozwiązuje jakiś problem z tej branży. Może np. byłeś fotografem i zrobisz aplikację do tworzenia kolaży. Albo tworzenia albumów, sortowania zdjęć i filtrowania po tagach, kategoriach i ocenie w gwiazdkach. Wymyślasz aplikacje, spisujesz założenia. Najlepiej coś, co czujesz że w miarę jesteś w stanie ogarnąć. Teraz zaczynasz tworzyć i ten proces tworzenia to jest nauka
  • Odpowiedz
Dharma
  • 0
Co to za myk na przykład na onet.pl, że strona nie jest w żaden sposób responsywna przy zmianie rozmiaru okna przeglądarki, ale już w momencie gdy wejdę w devtoolsy, wybiorę urządzenie mobilne i otworzę wspomniany Onet to już uruchamia się strona mobilna, również nieresponsywna. Jak to jest zrobione?

#react #webdev
  • 4
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
Rst00
  • 3
@isamaul: niekoniecznie nazwałbym to przestarzałym, RWD nie sprawdza się wszędzie i gdy masz np. kompletnie różną strukturę strony desktopowej i mobilnej to AWD ma przewagę i pozwala serwować skrypty i DOM tylko dla np. urządzenia mobilnego przez co finalnie strona może ładować się sporo szybciej
  • Odpowiedz
anitqa_97
  • 0
i w sumie jeszcze jedno pytanko odnośnie Fetch api
dlaczego na tutorialach raz fetchuja po prostu a raz fetch jest z async/await ?
wiem mniej wiecej co to jest ta asynchronicznosc, ale moze ktos mi wytlumaczy na chlopski rozum albo jakas ogolna dobra praktyke programistow, pozdrawiam
#react #javascript #programowanie
  • 7
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
Saly
  • 2
@anitqa_97: await to jest to samo co promise.then() tylko przyjemniej. W założeniu await ma umożliwiać asynchroniczne io w taki sposób, że kod stosunkowo nie wiele się różni od ekwiwalentu, który jest blokujący (trzeba dodać słówko await).

dlaczego na tutorialach raz fetchuja po prostu a raz fetch jest z async/await


wybór jest prosty: napisz jedno i drugie i wybierz to które bardziej ci pasuje. W zależności od sytuacji, doświadczenia i osobistych
  • Odpowiedz
anitqa_97
  • 0
Hejooo
ucze sie teraz podstaw Rest api, używam https://randomuser.me/ zwraca mi to losowe dane o użytkownikach
natomiast mam problem, czasami dane nie mają np nazwiska i mi wywala błąd wtedy,
chcę więc jakos sprawdzac czy dana wartosc jest przekazana, czy moj pomysl jest spolecznie akceptowalny?
jakos nie wiedzialam co wpisac zeby wygooglac
#react #javascript #programowanie
anitqa_97 - Hejooo ucze sie teraz podstaw Rest api, używam https://randomuser.me/ zw...

źródło: comment_1657545354QtVlVuwXEC0CFh3QQOYqOL.jpg

Pobierz
  • 10
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
beerman
beerman
via Wykop Mobilny (Android)
  • 3
@pan_filutek: tu wchodzą zmienne środowiskowe, czyli najłatwiej pliki .env, które będziesz ignorował gitem (.gitignore). Zrób sobie też .env.example który może być w repozytorium, żebyś wiedział co uzupełnić jak będziesz clonował na serwerze czy innym kompie. Do env.example dajesz tylko nazwy kluczy np. SECRET_KEY= A do w env uzupełniasz wartość, wtedy nie leci na gita. Chyba że źle coś zrozumiałem i masz trudniejszy problem.
  • Odpowiedz
lady_katarina
  • 0
O co warto pytać na rozmowie technicznej osobę na stanowisko seniora #frontend #react żeby sprawdzić czy faktycznie jest ogarem? Do tej pory przeprowadzałam rozmowy ze stażystami/juniorami więc wiadomo, rządzi się to innymi prawami.

Normalnie zadawać pytania o podstawy z JS, Reacta? Czy nie wypada? xD
Przygotować jakieś małe zadanie żeby zobaczyć jak podchodzi do problemów?
Wiadomo, mam też kilka pomysłów odnośnie pytań o poprzednie projekty, doświadczenie itd. żeby
  • 14
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
s....._
  • 2
@lady_katarina: a tak serio, to możesz zapytać o takie rzeczy:

- co to jest reconciliation w React
- czy wie po co dokładnie jest prop key i jak działa
- jakie zna strategie testowania komponentów
- czy wie jak działa event loop
  • Odpowiedz
mocpapieza
  • 4
@lady_katarina

pierwsze pytanie różnica useMemo i useCallback plus przykłady użycia (wielu ludzi nie używa tych hooków, lub używa ich za często, choć React team planuje rozwiązać ten problem w niedalekiej przyszłości), to takie z prostszych, żeby zobaczyć czy ktoś kuma czaczę.
- Dlaczego gerneralnie nie używamy indexów jako key w react (to też proste ale warto zobaczyć uzasadnienie) i w jakich przypadkach może być uzasadnione ich użycie
- Must have: Context-Reducer pattern
  • Odpowiedz
mocpapieza
  • 1
@workwork: Spoko art, tylko dzisiaj już trochę przestarzałe podejście, dziś żeby ograniczać rerendery można wystawiać w formularzach tak jak react-hook-forms register który pracuje na refie htmlowego elementu, co jest bardziej wydajne, ale szanuję za napracowanko. I ja jak mam wymuszać rerender to wolę [,forceRender] = useState(); forceRender({}) trochę szybciej niż z prev :D
  • Odpowiedz
krejdd
  • 6
Angular to bardzo fajny framework, ale weź znajdź pracownika na poziomie mid, co ogarnia RxJS i wie jak zrobić z tego użytek, to nie ma opcji xD. W Reakcie wrzucasz juniora do projektu i coś tam klepie sobie jakieś komponenty i widoki, a z Angulara trzeba się doktoryzować xD.

#angular #react #javascript #frontend
  • 12
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
krejdd
  • 7
@WaveCreator: na rynku jest dramat xD. Im więcej klepię tych observabli w kodzie i tworzę bardziej złożone strumienie, tym bardziej widzę, że przecież nie ma szans, żeby człowiek o zdrowych zmysłach to ogarnął bez popity xD

@isActive: taka prawda, async onInit / await lastValueFrom i po temacie xD
  • Odpowiedz
AnonimoweMirkoWyznania
  • 26
#anonimowemirkowyznania
#programowanie #programista15k #webdev #frontend #react #backend
Wiecie co jest fajne w IT poza stawkami? Ilość czasu w której możesz nic nie robić. Jak się zmienia projekt to mozna miec np. 3 tygodnie czasu za który ci płacą i nic w tym czasie nie zrobisz bo czekasz na środowiska. Nawet jak projekty są w trakcie to jest sporo
  • 11
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
villager
villager
  • 5
@AnonimoweMirkoWyznania: np. ja ostatnio chodze na rozmowy o prace, i na kazdej proboje wybadac na ile jest mozliwosc brania taskow z dopracowanego backlogu i samodzielna praca nad nimi. i w praktyce mega rzadko, a bo musisz byc "dostepny" jakby cos chcieli albo byl pozar, a bo taski sa zwiazane z pracami innego teamu i musisz organizowac gownospotkania, a jak juz powiesz ze nie chcesz pracowac w stalych godzinach typu 9-17
  • Odpowiedz
scorpio18k
  • 0
mam coś takiego:

let [test, setTest] = useState([]);

Wygląda na to, że jak w useEffect zrobiłem:
let x = test;
  • 7
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach

Powiązane tagi