useEffect(()=>{
getStudent();
},[])
ESlint wyrzuca: React Hook useEffect has missing dependencies: 'getStudent'
Chodzi
getStudent();
},[])
ESlint wyrzuca: React Hook useEffect has missing dependencies: 'getStudent'
Chodzi
Wszystko
Najnowsze
Archiwum
@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
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
@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ł
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ł
Mam coś takiego:
https://pastebin.com/sJdrxHXx
Problem w tym, że Jak ten komponent umieściłem w ten sposób:
to
https://pastebin.com/sJdrxHXx
Problem w tym, że Jak ten komponent umieściłem w ten sposób:
to
@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.
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.
@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.@scorpio18k: generalnie tak, takie wywołanie zwraca do arg poprzednia wartość a w tym przypadku będzie to initial value
Co może być nie tak?
Kod:
https://pastebin.com/nnLycLh9
Skąd w dacie (w przykładach z konsoli poniżej) bierze się 2027 albo 2029 skoro wyraźnie podaje 2022 ?
Przykładowy wynik z konsoli 1:
Kod:
https://pastebin.com/nnLycLh9
Skąd w dacie (w przykładach z konsoli poniżej) bierze się 2027 albo 2029 skoro wyraźnie podaje 2022 ?
Przykładowy wynik z konsoli 1:
@scorpio18k: Wg https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/Date rok może się przekręcić, jeśli podasz wartość miesiąca większą niż 11. Poza tym bez sensu dodajesz 1 do miesiąca, powinieneś ją odjąć. No i poprawnie po angielsku jest
chosen a nie choosed.
No i można polecić day.js do ludzkiej obsługi dat ;)
Tak z ciekawości; Jest sposób, żeby wygenerować tagi html np. "p" wewnątrz jsx inaczej niż za pomocą map?
Dajmy na to, że mam okienko, gdzie użytkownik wpisuje liczbę, dajmy na to 20.
Naciska start i ma się wygenerować 20 elementów cośtam
Żeby to zrobić w jsx #react to bym wygenerował tablicę 20 liczb i na niej wykonał "map".
Da się to zrobić bez generowania tablicy, np. za pomocą for?
#
Dajmy na to, że mam okienko, gdzie użytkownik wpisuje liczbę, dajmy na to 20.
Naciska start i ma się wygenerować 20 elementów cośtam
Żeby to zrobić w jsx #react to bym wygenerował tablicę 20 liczb i na niej wykonał "map".
Da się to zrobić bez generowania tablicy, np. za pomocą for?
#
@Chanandler:
Array(20).fill("costam
")
@scorpio18k: Wywala error, czyli ten array nie ma żadnych danych w pewnym momencie (przykładowo na samym początku, gdy nic do niego nie załadowałeś, a strona już się zaczyna renderować). Dodaj warunek ze sprawdzaniem, czy istnieje [0] i będzie dobrze.
@scorpio18k: Możesz też pisać sobie const [ group ] = groups i potem {group ? '' : ''}
Marketing Remixa obnażony. Remix może być dobrym narzędziem, ale czy naprawdę budowanie tej marki musi być oparte o szary marketing? Razem z Jakubem analizujemy wpisy twórców Remixa i wprost mówimy, ile w tym faktów, a ile zwykłych bezczelnych kłamstw.
https://www.youtube.com/watch?v=XKeN9WsUAzM&list=PLfw7v_5i7LoL5q7a4myIcYcXuZt6WVkGd&index=6
#programowanie #nextjs #remix #react #reactjs #angular #typescript #javascript #js
https://www.youtube.com/watch?v=XKeN9WsUAzM&list=PLfw7v_5i7LoL5q7a4myIcYcXuZt6WVkGd&index=6
#programowanie #nextjs #remix #react #reactjs #angular #typescript #javascript #js
źródło: comment_1644575818YpmEBGWUYkenMqkDgWtTry.jpg
Pobierz
Czy ktoś będzie tak uprzejmy i wyjaśni mi jaka jest różnica między React, React Native a React.js? Tak na chłopski rozum
#react #reactjs #frontend #programowanie
#react #reactjs #frontend #programowanie
@HagbardGodman: react === react.js. react native to framework oparty na react do robienia apek natywnych na telefony a react do webowych. tak mega uproszczając
@blackshirtguy: nie tylko na telefony. reszta się zgadza.
#programowanie #vuejs #reactjs #javascript #programista15k #angular
Czym sugerować się przy wyborze frameworka js? Mam swój własny projekt ale jestem backend devem i średnio orientuje się w froncie, js znam, robiłem coś w reactcie jakieś proste todo listy ale to tyle. Sam projekt nie jest jakimś dużym przedsięwzięciem raczej ma być monolitem z rozłamem na front/backend api postawione na laravelu. Myślałem
Czym sugerować się przy wyborze frameworka js? Mam swój własny projekt ale jestem backend devem i średnio orientuje się w froncie, js znam, robiłem coś w reactcie jakieś proste todo listy ale to tyle. Sam projekt nie jest jakimś dużym przedsięwzięciem raczej ma być monolitem z rozłamem na front/backend api postawione na laravelu. Myślałem
@seba_thc666: we vue masz sporo bajerów pod larvę, do tego przyjemniej się klepie niż react
@seba_thc666: whatever, byle typescript
Pod prysznicem wymyśliłem sposób na renderowanie długich list w #react, do których elementy są jedynie dodawane na koniec (np. scrollowanie feed) i bez użycia wirtualizacji (react-virtualized/react-window/virtuoso).
Otóż ładujemy naraz powiedzmy 30 elementów i umieszczamy je w czystym komponencie (ang. pure component), żeby przy przerenderowaniu komponentu wyżej w drzewie nie odbywało się pogodzenie (ang. reconcillation). Po 10-krotnym załadowaniu mamy już 300 elementów, ale tylko 10 porównań zamiast 300 przy ładowaniu
Otóż ładujemy naraz powiedzmy 30 elementów i umieszczamy je w czystym komponencie (ang. pure component), żeby przy przerenderowaniu komponentu wyżej w drzewie nie odbywało się pogodzenie (ang. reconcillation). Po 10-krotnym załadowaniu mamy już 300 elementów, ale tylko 10 porównań zamiast 300 przy ładowaniu
IntelliJ Idea Ultimate vs. Visual Studio Code dla ES6/React.
Co lepsze i dlaczego? Widzę, że wiele osób mówi, jakie to VSC jest super, ale IMO IDE od JB jest po prostu bardziej kompletne, ma lepsze podpowiadanie, domykanie kodu itp.
#programowanie #reactjs
Co lepsze i dlaczego? Widzę, że wiele osób mówi, jakie to VSC jest super, ale IMO IDE od JB jest po prostu bardziej kompletne, ma lepsze podpowiadanie, domykanie kodu itp.
#programowanie #reactjs
@murdoc: z moich obserwacji wynika, że VSC jest prostsze i łatwiejsze w obsłudze i nadaje się do mniejszych projektów, kiedy pracujesz w większym projekcie praca w VSC jest strasznie męcząca i marnuje czas użytkownika
@murdoc: nie wyobrażam sobie robić w vs code już. Szybka edycja pliku to ok, ale praca w tym jest męcząca jeżeli przyzwyczaisz się do skrótów od JB
Wczoraj na GitHubie w sekcji "Explore repositories" zobaczyłem projekt Blizt.js, zaciekawiła już mnie sama nazwa więc kliknąłem.
Od tego momentu zaczynam zabawę z Fullstack React Framework bazujący na Next.js i zainspirowany przez Ruby on Rails.
Nie musicie już pisać osobnego serwera backend i potem przez RESTfull czy GraphQL API łączyć się z Frontendem, Blitz to 'No API' gdzie możecie od razu pobrać/dodać informacje z/do bazy.
Po
Od tego momentu zaczynam zabawę z Fullstack React Framework bazujący na Next.js i zainspirowany przez Ruby on Rails.
Nie musicie już pisać osobnego serwera backend i potem przez RESTfull czy GraphQL API łączyć się z Frontendem, Blitz to 'No API' gdzie możecie od razu pobrać/dodać informacje z/do bazy.
Po
@aptitude: powinna być ustawa nakazująca zamieszczenie informacji przy każdym takim nowym projekcie javascriptowym, jak na paczkach fajek, że jeśli zdecydujesz się z niego skorzystać, tylko po to, by uprawiać onanizm technologiczny, to pod karą grzywny, jesteś zobowiązany utrzymywać taki kod przez następnych 10 lat
@Jednorybek: W Blitzjs? Czasami tak, ale wróciłem raczej do React i Deno.
Ale mam naklejkę BlitzJS na laptopie, więc muszę pracować w Blitzu xD
Ale mam naklejkę BlitzJS na laptopie, więc muszę pracować w Blitzu xD
źródło: comment_1668882968OLcSeDr0XcN4BoULNFl3hI.jpg
PobierzSiemka #programista15k. Moze ktos polecic kurs (moze byc pluralsight, udemy, cokolwiek) dla backendowca .net do nauki #javascript i #reactjs (najlepiej oba za jednym zamachem). Thanks from the mountain.
@bacteria: epicreact.dev - drogo, ale poziom
Treść przeznaczona dla osób powyżej 18 roku życia...
@anonimowy_programista : nie wygląda na niemożliwe do wykonania;)
myślałem, że na zachodzie widełki płacowe w ogłoszeniach to norma
@LucaJune: nie gdy budżet jest nieograniczony a poziomowanie odbywa się po zatrudnieniu pracownika
Np. jak miałby ci ktoś dać widełki na pracę w Amazon jako software engineer, jak to czy wpadasz na L4 ($80k-$120k) czy L6 ($200-$260k) wiadomo dopiero po tym jak wyślesz CV i przejdziesz rekrutację?
Firma taka jak Tesla nie ma ograniczenia budżetu to i po co widełki?
Treść przeznaczona dla osób powyżej 18 roku życia...
Jesteś developerem #nodejs ? Mamy dla Ciebie konkurs połączony z rozdajo!
Node.js, udostępnione w modelu Software as a Service na hostingu nazwa.pl, pozwala na uruchamianie aplikacji JavaScript bez konieczności konfiguracji systemu operacyjnego i oprogramowania na serwerze. Zależnościami, które są wymagane przez aplikacje, można zarządzać korzystając z managera pakietów Npm, bezpośrednio z poziomu SSH.
Do Twojej dyspozycji oddajemy preinstalowane najpopularniejsze frameworki, takie jak: Express.js, Koa.js, Nest.js, Sails.js, Derby.js, Adonis.js, Socket.io, Total.js,
Node.js, udostępnione w modelu Software as a Service na hostingu nazwa.pl, pozwala na uruchamianie aplikacji JavaScript bez konieczności konfiguracji systemu operacyjnego i oprogramowania na serwerze. Zależnościami, które są wymagane przez aplikacje, można zarządzać korzystając z managera pakietów Npm, bezpośrednio z poziomu SSH.
Do Twojej dyspozycji oddajemy preinstalowane najpopularniejsze frameworki, takie jak: Express.js, Koa.js, Nest.js, Sails.js, Derby.js, Adonis.js, Socket.io, Total.js,
źródło: comment_1607435750K6jOGZMF9KmKrGUnoZFIso.jpg
Pobierz@nazwapl_tk: W związku z pytaniami na temat na tego konkursu #nazwapl informujemy, że na serwerach CloudHosting istnieje możliwość uruchamiania nie tylko aplikacji pisanych w Node.js, ale też PHP. Można jednocześnie korzystać z interpretera PHP i Node.js, a definicję, które środowisko (PHP czy Node.js) jest właściwe dla konkretnej domeny podpiętej pod serwer, określa się poprzez ustawienie w panelu zarządzania serwerem Active.admin. Serwery, będące nagrodami w naszym konkursie można
Mam listę colorList, którą wyświetlam w 4-tym kontenerze View. W jaki sposób mogę zwrócić key klikniętego elementu, aby docelowo zmienić kolor tła w kontenerze View za pomocą funkcji onClickList()? Kod w załączniku poniżej
kod
#programowanie #javascript #reactnative #reactjs
kod
#programowanie #javascript #reactnative #reactjs
1. A jakbys w renderItem na onPress dal onClickList?
2. oraz
3. potem w renderze mozesz stworzyc backgroundColorStyles = this.selectColor.key ? {backgroundColor: 'red'} : {} i dorzucic do View
4. nie uzywaj
2. oraz
this.selectColor.bind(this, item) z kolei bys przeniosl do onClickList3. potem w renderze mozesz stworzyc backgroundColorStyles = this.selectColor.key ? {backgroundColor: 'red'} : {} i dorzucic do View
4. nie uzywaj
var, mamy 2020 rokKorzystał ktoś w ostatnim czasie z dva dla bardziej złożonych projektów? Zastanawiam się nad wykorzystanie Ant Design Pro w nowym projekcie, a dva przychodzi w zestawie. Chyba, że znacie coś równie ciekawego w #react dla panelu użytkownika.
#reactjs #programowanie #javascript
#reactjs #programowanie #javascript
#springboot #java #reactjs #react #scss
Cześć Mirki, stworzyłem sobie projekt aplikacji Spring Boot + React.js
Dodatkowo do react.js wdrożyłem SCSS i mam problem z odświeżaniem styli SCSS bo cały czas muszę robić npm run build i restart tomcat'a. Czy ktoś robił żeby automatycznie odświeżało style i react.js dla Spring Boot?
Z góry dzięki
Cześć Mirki, stworzyłem sobie projekt aplikacji Spring Boot + React.js
Dodatkowo do react.js wdrożyłem SCSS i mam problem z odświeżaniem styli SCSS bo cały czas muszę robić npm run build i restart tomcat'a. Czy ktoś robił żeby automatycznie odświeżało style i react.js dla Spring Boot?
Z góry dzięki
Co to oznacza właściwie?
Pojawia się przy zatrzymywaniu reacta za pomocą ctrl+c w terminalu
#react #reactjs
czyli bardziej obrazowo
skrypt.batnode.exe <- ctrl+C zamyka node'a, "Terminate batch job (y/n)"?
inny.exe <- jeżeli y, to odpal inny.exe, jeżeli