Wszystko

Najnowsze

Archiwum

scorpio18k
  • 0
useEffect(()=>{
getStudent();
},[])

ESlint wyrzuca: React Hook useEffect has missing dependencies: 'getStudent'

Chodzi
  • 3
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
Rst00
  • 1
@scorpio18k:

po pierwsze owrapuj deklarację funkcji getStudent w useCallback, po drugie w useEffectcie dodaj dependency getStudent. Alternatywnie możesz zignorować ten błąd dodając komentarz wyłączający eslinta dla tej linijki
  • Odpowiedz
Rst00
Rst00
via Wykop Mobilny (Android)
  • 1
@scorpio18k: tak, useCallback zapewni to że referencja się nie zmieni i będzie to nadal ta sama funkcja pod maską i jak dasz jako dependency to wywoła się i tak tylko raz ale nie będzie błędu eslinta.

No jakby był argument to nie bo byś wtedy w useCallbacku musiał dać x jako dependency ale to akurat dobrze bo przecież najpewniej chciałbyś pobrać dane odnośnie innego studenta jakby x się zmienił
  • Odpowiedz
kefas_safek
kefas_safek
  • 0
mirasy z #nodejs #react czy da się jakoś upchać na #heroku na jednym dyno tym za 7 dołków (albo nawet darmowym) równocześnie api aplikacji i front w reakcie? Obecnie są to dwie apki w dwóch różnych repo, wiadomo. Jedyne co mi na ten moment przychodzi teraz do głowy to docker z pełną konfiguracją i jakims nawet nginxem ale moze jest jakiś prostszy sposób? Albo ewentualnie jakieś
  • 4
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
Dominias
  • 0
#programowanie #javascript #react #webpack
Kochani, mnie angularowca w-----i jako leada do projektu Reactowego (gdzie Reacta nie tykałem od jakiś 5 lat) i stawiałem projekt od zera, generalnie to chyba mój drugi poważny projekt stawiany od zera i solo, więc mam pewne wątpliwości. Przede wszystkim na repo był już zainicjowany projekt z wykorzystanie CRA (React 18 + typescript), ja dodałem webpacka, babela, loadery i JEDEN
Dominias - #programowanie #javascript #react #webpack Kochani, mnie angularowca w---...

źródło: comment_1660988308Y1SFqxY2CBrrWhp4YdaJKR.jpg

Pobierz
  • 8
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
budyn
  • 9
Po paru latach kodowania w #react, nowy projekt w #angular (było głosowanie w zespole).
Masakra, większego gówna nie widziałem.
Rzucanie kłód pod nogi nawet w najprostszych rzeczach.

Mam do ogarnięcia zwykłe formularze.
Rekomendowane są Reactive
  • 13
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
inrain88
  • 26
@budyn Lol me opposite. React to bezksztaltna kupa. Nie win frameworka a firme za robienie czegos w czym nie ma kompetencji. Tez pracuje w reactive forms, to raczej standard i nie wiem co w tym kosmicznego… Formbuilder w .ts i odpowiednie tagi w .html Serio?
  • Odpowiedz
nocnyfilm
nocnyfilm
via Wykop Mobilny (Android)
  • 18
@budyn: chłopie, Reactive Forms w Angularze są zrobione lepiej niż wszystkie "libki" do Reacta razem wzięte. Po prostu nie rozumiesz. Tacy to teraz specjaliści, nie uczą się javascriptu, wzorców projektowych i myślenia, uczą się r e a c t a
  • Odpowiedz
mch0588
  • 0
Pytanie do devów, którzy robili w Angular (tym nowszym ( ͡° ͜ʖ ͡°)) i ReactJS. Co waszym zdaniem lepsze/gorsze? Czego brakuje w jednym a czego w drugim? Mam opcję przejścia po x latach z Angulara na Reacta i trochę mnie to kusi ( ͡° ͜ʖ ͡°)

#programowanie #react #angular
  • 6
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
roomcayz
  • 1
@mch0588 w react każdy orze jak może, chociaż jest coraz lepiej to ciągle nie wiadomo co wybrać do zarządzania stanem, ciągle nie wiadomo jak budować aplikację, ciągle nie wiadomo jak robić skomplikowaną reaktywność (to co rozwiązuje rxjs), itp., z drugiej strony nie ma takiego problemu którego nie rozwiążesz, jest duża elastyczność, pamiętam jak pisałem aplikację w angularze to trzeba było na głowie stawać żeby dostosować angulara do tego co się chce
  • Odpowiedz
AntyKuc
  • 0
Pytanko do znawców reduxa: mam komponent powiedzmy nazywa się Users, ten komponent jest komponentem typu page, czyli jest podpięty pod jakiś route (/users) i składa się z kompozycji innych komponentów, a te komponenty to powiedzmy formularz z 3 imputami, 2 listy i komponent logów. Cały stan tego komponentu muszę trzymać globalnie. I teraz pojawia się pytanie: czy tworzyć jeden reduxowy slice, nazwać go usersSlice i trzymać tam ten stan komponentów na które
  • 7
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
Rst00
Rst00
via Wykop Mobilny (Android)
  • 1
@AntyKuc: wszystko zależy jakie konkretnie dane chcesz tam trzymać i ile ich jest ale zazwyczaj rozbicie na funkcje się sprawdza więc jeden globalny reducer odnośnie usera powinien być git.
  • Odpowiedz
AntyKuc
  • 1
@krzykrzy1995: No właśnie, bo potrzebuje cache. Cache danych z api ogrywam przez redux rtk, ale muszę gdzieś dane forma trzymać dlatego też wrzucam je do reduxa. Niestety React nadal nie wspiera czegoś w stylu keep-alive z vue.
  • Odpowiedz
AnonimoweMirkoWyznania
  • 10
#anonimowemirkowyznania
Mirki skoro programowanie jest takie trudne, wymaga ciężkiej pracy i pasji i wgl trzeba być pasjonatem od przedszkola to jakim cudem tak wiele różowych przebranżawia się z jakiś gówn0kieruków na jakieś frontendy albo UX/UI designery? Sam dodam od siebie, że różowych z jakimiś zainteresowaniami/hobby które poznałem w życiu mogę policzyć na palcach jednej ręki a tu jeszcze dochodzi ciężka praca i szkolenie się po godzinach przez jakiś rok, dwa
AnonimoweMirkoWyznania - #anonimowemirkowyznania Mirki skoro programowanie jest taki...

źródło: comment_16599011450msRffvbNCGUrNdU6LfIBV.jpg

Pobierz
  • 34
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
ToJestNiepojete
  • 0
Chcę w aplikacji mieć takie komponenty jak dropdown, slider, input, itp. Czy w takim razie ma sens, aby zaimportować je sobie z biblioteki typu MUI i przestylować zgodnie ze stylem aplikacji? Zwłaszcza gdy styl aplikacji nie ma nic wspólnego ze stylem biblioteki. Czy jednak robi się takie rzeczy od zera lub wyszukuje pojedyncze paczki npm z danym komponentem?

#react #frontend #webdev
  • 7
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
Rst00
  • 2
@ToJestNiepojete: często takie komponenty udostępniają samą logikę i możesz sobie wszystko samemu przestylować. Zależy jaka skala projektu ale zazwyczaj skorzystanie z gotowego, dobrego (otestowanego) rozwiązania jest lepsze niż klepanie od zera. Wszystko zależy czy będzie potrzeba dopisywania nowych funkcjonalności do tego konkretnego komponentu itd.
  • Odpowiedz
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
wybacz
wybacz
  • 0
dobra, tworzycie funkcje w komponencie, to uzywacie klasycznej deklaracji czy arrow function? z jakiego powodu jedno albo drugie?

#react #javascript
  • 2
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
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

Powiązane tagi