@scorpio18k: generalnie tak, takie wywołanie zwraca do arg poprzednia wartość a w tym przypadku będzie to initial value
Wszystko
Wszystkie
Archiwum
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:
choosedMonth
7
choosedYear
2022
new Date(choosedYear, choosedMonth+1, 0)
Tue Nov 30 2027 00:00:00 GMT+0100 (czas środkowoeuropejski standardowy)
Przykładowy wynik z konsoli 2:
choosedMonth
9
choosedYear
2022
new Date(choosedYear, choosedMonth+1, 0)
Tue Jul 31 2029 00:00:00 GMT+0200 (czas środkowoeuropejski letni)
#javascript #react #
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:
choosedMonth
7
choosedYear
2022
new Date(choosedYear, choosedMonth+1, 0)
Tue Nov 30 2027 00:00:00 GMT+0100 (czas środkowoeuropejski standardowy)
Przykładowy wynik z konsoli 2:
choosedMonth
9
choosedYear
2022
new Date(choosedYear, choosedMonth+1, 0)
Tue Jul 31 2029 00:00:00 GMT+0200 (czas środkowoeuropejski letni)
#javascript #react #
@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?
#javascript #reactjs
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?
#javascript #reactjs
@Chanandler:
Array(20).fill("costam
")Mam coś takiego:
https://pastebin.com/yN5juSKn
Jak zrobić to samo ale tylko z pierwszym elementem?
Jak próbuję:
{ groups[0].id }
to wywala:
Uncaught TypeError: Cannot read properties of undefined (reading 'id')
A to wcześniejsze z pastebina działa elegancko. Tylko, że potrzebuję "id" pierwszej grupy a nie wszystkich.
#javascript #react #reactjs
https://pastebin.com/yN5juSKn
Jak zrobić to samo ale tylko z pierwszym elementem?
Jak próbuję:
{ groups[0].id }
to wywala:
Uncaught TypeError: Cannot read properties of undefined (reading 'id')
A to wcześniejsze z pastebina działa elegancko. Tylko, że potrzebuję "id" pierwszej grupy a nie wszystkich.
#javascript #react #reactjs
@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 miedzy vue/react
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 miedzy vue/react
@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 kolejnego chunka.
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 kolejnego chunka.
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 instalacji Blitzjs od razu macie gotowy
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 instalacji Blitzjs od razu macie gotowy
@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
Pobierz
Siemka #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
Praca: Software Engineer - Gigafactory Berlin-Brandenburg. Tesla
Tesla is accelerating the world's transition to sustainable energy. Revolutionary strategies and products were developed within a few years and successfully launched on a large scale. This is only possible through extraordinary speed, innovation and efficiency.
Gigafactory Berlin forms the perfect basis for rolling out Tesla's incredible success story in Europe. The most important pillar for this are our employees. Their passion, motivation and engagement
Tesla is accelerating the world's transition to sustainable energy. Revolutionary strategies and products were developed within a few years and successfully launched on a large scale. This is only possible through extraordinary speed, innovation and efficiency.
Gigafactory Berlin forms the perfect basis for rolling out Tesla's incredible success story in Europe. The most important pillar for this are our employees. Their passion, motivation and engagement
@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? Jak
Tworzę portal w #django dla ludzi lubiących aktywności poza domem (góry, wędrówki, itp.). Podstawowa funkcjonalność to dodawanie wycieczek i szukanie ludzi do wspólnych wypraw. Portal obsługuje również grupy dyskusyjne. Planowana jest również zaawansowana wyszukiwarka miejsc, szlaków i wędrówek.
Kod źródłowy jest tutaj: Github
Wersja rozwojowa: mountaingrip.com
Gdyby ktoś był zainteresowany projektem i chciał dołączyć do tworzenia, zapraszam do współpracy.
#python3 #js #reactjs #django #tensorflow #webdev #bootstrap4 #jquery #pydev
Kod źródłowy jest tutaj: Github
Wersja rozwojowa: mountaingrip.com
Gdyby ktoś był zainteresowany projektem i chciał dołączyć do tworzenia, zapraszam do współpracy.
#python3 #js #reactjs #django #tensorflow #webdev #bootstrap4 #jquery #pydev
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, LoopBack.io
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, LoopBack.io
ź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 wykorzystać dowolnie do
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
Ach ten JS...
#technologia #programowanie #programista15k #informatyka #humorobrazkowy #heheszki #javascript #angular #reactjs #frontend
-----------
My do niczego nie namawiamy: https://bit.ly/30BrKl4
#technologia #programowanie #programista15k #informatyka #humorobrazkowy #heheszki #javascript #angular #reactjs #frontend
-----------
My do niczego nie namawiamy: https://bit.ly/30BrKl4
źródło: comment_1596785101mwf8VDblaWDHzSPFQge0VT.jpg
Pobierz
@JustJoinIT: to odwieczne wklejanie przez rekruterów i organizacje związane z rekrutacją "śmiesznych" płaczków dotyczących JSa już dawno przebiło sufit żenady.
@tomash-pl: Doceniamy i szanujemy ;)
#react #reactjs #springboot #java #thymeleaf
Cześć Mirki,
Jak mogę użyć tego componentu: https://jquense.github.io/react-widgets/ bez użycia importu i npm? Używam react'a. jako skryptów:
- react.production.min.js
- react-dom.production.min.js
- babel.min.js
Robię tak że względu że używam react wewnątrz Spring Boot + Thymeleaf
Czy ktoś ma jakieś rady?
Pozdrawiam
Cześć Mirki,
Jak mogę użyć tego componentu: https://jquense.github.io/react-widgets/ bez użycia importu i npm? Używam react'a. jako skryptów:
- react.production.min.js
- react-dom.production.min.js
- babel.min.js
Robię tak że względu że używam react wewnątrz Spring Boot + Thymeleaf
Czy ktoś ma jakieś rady?
Pozdrawiam
@dzimen: do takich rzeczy używałem webjarsów.
https://mvnrepository.com/artifact/org.webjars.npm/react-widgets
Szybki tutorial:
https://www.baeldung.com/maven-webjars
https://mvnrepository.com/artifact/org.webjars.npm/react-widgets
Szybki tutorial:
https://www.baeldung.com/maven-webjars
https://pastebin.com/sJdrxHXx
Problem w tym, że Jak ten komponent umieściłem w ten sposób:
to value wewnątrz Example ustawia się na undefined i tak zostaje.
Jak to zrobić prawidłowo?
Co ciekawe, jak coś zmienię wewnątrz Example i zapiszę to pojawi się prawidłowa wartość, ale po odświeżeniu strony znika.
#react #reactjs
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.
valuenie istnieje i wyświetlać np. loader itd.