Mam w #react zrobiony komponent który coś renderuje wg. pewnego obiektu. Da się ustawić tak, żeby react updatował kiedy owy obiekt mutuje? Nie używam setState bo chcę, żeby wszystkie metody zarządzania stanem obiektu były wyłącznie w nim. #javascript #programowanie #naukaprogramowania
Wszystko
Najnowsze
Archiwum
@CommieDwarf: przekaż jako props i zaimplementuj shouldComponentUpdate
@CommieDwarf: obiekt.updatedState = this, component props daj obiektState, obiekt jak mutuje to niech robi: delete updatedState / react komponent dostanie undefined, uważaj tutaj / potem updatedState = this i cacy
#react #typescript #javascript #programista15k
Piszę aplikacje w typescript/react i mam problem w pewnej sprawie.W pliku App.tsx mam useReducer oraz context w ktorym jest state z usereducer i dispatch którego uzywam w pliku ModalEdit.tsx. Problem polega na tym ze w pliku modaledit kiedy uzywam dispatch (jest podpiety pod button z metoda handleSubmit) nie wiem jak przechwycic id elementu który jest w tablicy ktora jest wlasciwoscia
Piszę aplikacje w typescript/react i mam problem w pewnej sprawie.W pliku App.tsx mam useReducer oraz context w ktorym jest state z usereducer i dispatch którego uzywam w pliku ModalEdit.tsx. Problem polega na tym ze w pliku modaledit kiedy uzywam dispatch (jest podpiety pod button z metoda handleSubmit) nie wiem jak przechwycic id elementu który jest w tablicy ktora jest wlasciwoscia
Jakie rozwiązanie do stylowania polecacie dla małych apek w React? Do średnich i większych projektów zawsze używałem styled-components, ale ta apka jest tak minimalna, że wydaje mi się to grubym overkillem.
Teraz próbuje CSS modules, ale ja j---e jakie to jest brzydkie i nieczytelne w JSX-ie
#webdev #react #css #programowanie
Teraz próbuje CSS modules, ale ja j---e jakie to jest brzydkie i nieczytelne w JSX-ie
#webdev #react #css #programowanie
źródło: comment_1643459399hdb23cpiAcvtt1AhrSRHkD.jpg
Pobierz@papryczekNaBombach: o proszę tylko nie on, kiedyś próbowałem go użyć ale nie dość, że trzeba zapamiętać pełno nazw klas aby w miarę szybko w tym pisać, to ultra zajebiście nieczytelny robi się cały jsx. To tak jakbym bezpośrednio "style" używał zamiast klas
Ogólnie nie polecam mocno
Ogólnie nie polecam mocno
@HivPositiv: akurat CSS Modules jest chyba najbardziej czytelny. Masz ładne rozbicie na plik jsx/tsx i scss. Zainstaluj sobie paczkę classnames to będziesz mógł robić np.
className={classnames("row", {
'free': isFree,
'taken': !isFree,
Moge dac na o-------l lazy na wszystkie komponenty i wszyscy co sie da? XD
#webdev #react #gatsby #programowanie
#webdev #react #gatsby #programowanie
@NewBlueSky: tak, ale to nie będzie najlepsze rozwiązanie pod względem wydajności/UX apki
Słuchajcie, słuchajcie, szanowni użytkownicy potężnego portalu Wypok.pl!
Na rozkaz wielmożnego działacza społecznego Pana Jurka Owsiaka, ogłasza się, co następuje...
No dobra, może z nieco mniejszym patosem ( ͡° ͜ʖ ͡°) 30 finał Wielkiej Orkiestry Świątecznej Pomocy coraz bliżej, dlatego czujemy się zobowiązani, aby coś z
Na rozkaz wielmożnego działacza społecznego Pana Jurka Owsiaka, ogłasza się, co następuje...
No dobra, może z nieco mniejszym patosem ( ͡° ͜ʖ ͡°) 30 finał Wielkiej Orkiestry Świątecznej Pomocy coraz bliżej, dlatego czujemy się zobowiązani, aby coś z
źródło: comment_1643291943oIW5AUFsrAXB5MfSRyARI3.jpg
PobierzNie dzięki, w tym roku nie wspieram wośp za robienie szopki na granicy z Białorusią i przeszkadzanie straży granicznej.
@justjoin_it: akurat pan Jureczek cos wie o rozkazach bo pochodzi z milicyjnej rodziny ( ͡° ͜ʖ ͡°) oni tylko wykonywali rozkazy
#anonimowemirkowyznania
Hej, od kilku miesięcy uczę się technologii frontendowych (HTML, CSS, JS, TS, powoli zbliżam się do Reacta), ale szczerze mówiąc wydaje mi się, że tego nie czuję. Mówiąc konkretniej męczy mnie opracowywanie wyglądu strony, później układanie tego w HTML i CSS. Niby fajnie, bo mamy efekt wizualny naszej pracy, ale i tak, szczególnie, że nie mam takiego wyczucia designerskiego. Najlepsza zabawa dla mnie zaczyna się dopiero przy zastosowaniu JS'a
Hej, od kilku miesięcy uczę się technologii frontendowych (HTML, CSS, JS, TS, powoli zbliżam się do Reacta), ale szczerze mówiąc wydaje mi się, że tego nie czuję. Mówiąc konkretniej męczy mnie opracowywanie wyglądu strony, później układanie tego w HTML i CSS. Niby fajnie, bo mamy efekt wizualny naszej pracy, ale i tak, szczególnie, że nie mam takiego wyczucia designerskiego. Najlepsza zabawa dla mnie zaczyna się dopiero przy zastosowaniu JS'a
@AnonimoweMirkoWyznania: dla mnie front to ból tyłka, czasem bardzo. Wole robić jakieś łączenia z API itd. prawdziwa wymiana danych niż kolejne klepanie walidacji itd ;)
Treść przeznaczona dla osób powyżej 18 roku życia...
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.
Witam,
Nie mogę znaleźć odpowiedzi.
Redux, a raczej thunk action.
Załóżmy
Nie mogę znaleźć odpowiedzi.
Redux, a raczej thunk action.
Załóżmy
@NiewzruszonaMasa: nie używaj samego reduxa do tego, zajrzyj do react-query and RTK query
@Aryze: rzuciłem okiem na szybko.
https://redux-toolkit.js.org/rtk-query/overview <======
faktycznie lux robota przy tym.
Gdzieś o tym czytałem kiedyś, ale nie potrzebowałem więc zapadło w zapomnienie.
https://redux-toolkit.js.org/rtk-query/overview <======
faktycznie lux robota przy tym.
Gdzieś o tym czytałem kiedyś, ale nie potrzebowałem więc zapadło w zapomnienie.
https://youtu.be/tYKRAXIio28
W 1:55:29 jest funkcja updateNote
Jaki jest sens używania słowa async skoro nie ma wewnątrz await ?
#javascript #react
W 1:55:29 jest funkcja updateNote
Jaki jest sens używania słowa async skoro nie ma wewnątrz await ?
#javascript #react
@scorpio18k: W zasadzie nie ma prawdopodobnie się pomylił gdyby zwracał tego fetcha to by miało sens więc pewnie tego nawiasu klamrowego za => miało nie być
@wybacz: No w tym wypadku ten async nie ma znaczenia bo funkcja jest wywoływana synchronicznie i bez czekania na jej rezultat więc czy tam jest czy nie ma nie zmienia nic.
async zyskuje na znaczeniu tylko gdy:
-przekazujemy go do funkcji która oczekuje promisa
-operujemy na niej jak na promisie
-czekamy aż rzeczywiście się skończy (nie ten wypadek bo ona nie czeka
async zyskuje na znaczeniu tylko gdy:
-przekazujemy go do funkcji która oczekuje promisa
-operujemy na niej jak na promisie
-czekamy aż rzeczywiście się skończy (nie ten wypadek bo ona nie czeka
Treść przeznaczona dla osób powyżej 18 roku życia...
@NiewzruszonaMasa: no to możesz zawsze spróbować kilka podejść i sam ocenić
doszedłem do wniosku że jak mam mieć kilka callbacków do np:
- usuwania
- dodawania
- filtrowania
- i innego ....
do
- usuwania
- dodawania
- filtrowania
- i innego ....
do
@wybacz: 21,37k uop
Jaki jest sens pakowania #react do #django , tak, żeby django hostował reacta ?
Chodzi mi o to: https://youtu.be/tYKRAXIio28?t=9917
Nawet, jeżeli wszystko jest na tym samym serwerze to nie lepiej trzymać te aplikacje osobno?
Nie wiem, szybciej się wykonuje?
Chodzi mi o to: https://youtu.be/tYKRAXIio28?t=9917
Nawet, jeżeli wszystko jest na tym samym serwerze to nie lepiej trzymać te aplikacje osobno?
Nie wiem, szybciej się wykonuje?
@scorpio18k: widziałem nawet trzy frameworki w jednej apce. Nie pytaj o sens. Nie rób tak.
@scorpio18k: @patrolez: @veracholera: rozwine sens @moj_wykopowy_login:
nie łąduje się reacta /angulara do django bo wyglada to wtedy tak:
reverse proxy (appache/nginx)<=>uwsgi/gunicorn <=>django app serwujace reacta
zamiast tego
nie łąduje się reacta /angulara do django bo wyglada to wtedy tak:
reverse proxy (appache/nginx)<=>uwsgi/gunicorn <=>django app serwujace reacta
zamiast tego
Jakie Waszym zdaniem są teraz najlepsze kursy i książki do nauki Front Endu?
#naukaprogramowania #webdev #javascript #frontend #php #programowanie #react
#naukaprogramowania #webdev #javascript #frontend #php #programowanie #react
konto usunięte via Wykop Mobilny (Android)
@Mellisuga: Codziennie wychodzi nowy framework JS, więc starzeją się bardzo :) Z klasyków to https://github.com/getify/You-Dont-Know-JS
Polecam jeszcze https://leanpub.com/little-javascript/
Polecam jeszcze https://leanpub.com/little-javascript/
@aloucie:
masz racje, dlatego od 5 lat programujemy tylko w reakcie, vue i angularze ( ͡° ͜ʖ ͡°)
Codziennie wychodzi nowy framework JS
masz racje, dlatego od 5 lat programujemy tylko w reakcie, vue i angularze ( ͡° ͜ʖ ͡°)
Znacie jakiś spoko kurs z React Native (najlepiej aby był w TypeScriptcie od razu) dla kogoś kto zna Reacta? Chodzi mi o to aby nie było zbędnego p---------a co to jest zmienna i jak się tworzy komponenty w React
#reactnative
#react
#programowanie
#reactnative
#react
#programowanie
@NiewzruszonaMasa: Wiadomo, dobre kursy też są. Co do frontend masters to IMO najlepsze kursy dla frontu w necie, problem jest taki, że trochę drogo, ale jak masz budżet szkoleniowy w pracy to polecam subskrypcje na rok.
W sumie nie wiedziałem, że kurs React Native jest na FE masters, chyba znalazłem zwycięzcę ( ͡° ͜ʖ ͡°)
W sumie nie wiedziałem, że kurs React Native jest na FE masters, chyba znalazłem zwycięzcę ( ͡° ͜ʖ ͡°)
@HivPositiv: nie wiem czy jest :D korzystałem z innych. Hard parts v2 jest komsmicznie fajnie zrobiony - jak chodzisz na rozmowy to mega. Część kursó jest też w zatoce.
mam folder "utils" i w nim ze 100 roznych plikow robiacych rozne rzeczy (hooki, formatowanie stringow, spore helpery), na jakie mam to foldery podzielic? na pewno jeden pomysl to "hooks", a wy jak zazwyczaj to dzielicie?
#react #javascript
#react #javascript
#php #js #praca #pracbaza #pracait #pracazdalna #react #flutter #vue
Cześć to znowu ja ( ͡° ͜ʖ ͡°) Nadal szukam programistów na stanowiska PHP/JS(Flutter,React,Vue) developerów ALE innymi devami również nie pogardzę, wymieniłem takie najczęściej w których działamy.
Jakie wymagania?
Aby te 3 lata expa komercyjnego było na karku, możliwość B2B lub UZ, Angielski najlepiej na
Cześć to znowu ja ( ͡° ͜ʖ ͡°) Nadal szukam programistów na stanowiska PHP/JS(Flutter,React,Vue) developerów ALE innymi devami również nie pogardzę, wymieniłem takie najczęściej w których działamy.
Jakie wymagania?
Aby te 3 lata expa komercyjnego było na karku, możliwość B2B lub UZ, Angielski najlepiej na
Zrobiłem w cmd:
npm install react-router-dom
I się pokazało:
8 moderate severity vulnerabilities
no
npm install react-router-dom
I się pokazało:
8 moderate severity vulnerabilities
no
@scorpio18k: musisz wyłączyć i włączyć
@scorpio18k: rm -rf /
#anonimowemirkowyznania
Hej Wam,
uczę się Reacta i chciałem się zapytać jaka jest idea npm audit fix i pokazywanie się listy vulnerability? Ostatnio szedłem z kursem na Youtube od kanału Traversy Media i po instalacji ikon 'react-icons' w wersji '4.3.1' wyskoczyła mi lista podatności z czego wszystkie były na low oraz moderate.
Czy z góry mam zakładać, że są to wirusy czy jest to po prostu informacja dla użytkownika? Czytając na szybko internety,
Hej Wam,
uczę się Reacta i chciałem się zapytać jaka jest idea npm audit fix i pokazywanie się listy vulnerability? Ostatnio szedłem z kursem na Youtube od kanału Traversy Media i po instalacji ikon 'react-icons' w wersji '4.3.1' wyskoczyła mi lista podatności z czego wszystkie były na low oraz moderate.
Czy z góry mam zakładać, że są to wirusy czy jest to po prostu informacja dla użytkownika? Czytając na szybko internety,
@AnonimoweMirkoWyznania: to po prostu oznacza że wykryto w paczce lub jej zależnościach błąd, który w zależności od statusu (low, moderate, high, critical) należy poprawić jak najszybciej (najczęściej po prostu aktualizując paczkę do najnowszej wersji).
@AnonimoweMirkoWyznania: Odcieli ci internet czy jak? Przeczytaj co to jest vulnerability.
Witam ( ͡° ͜ʖ ͡°) Pytanie mam do wyjadaczy, bo napotkałem problem.
React Router:
Przypuśćmy że
React Router:
Przypuśćmy że
@zackson: Zadam trochę inne pytanie, bo Router przerobiłem trochę za szybko zacząłem pisać kod i byłbym w dupie. Mam patern na Router.
Moje pytanie: jak przekazać refa z InfoSection. Dokładnie Refa danego obrazka. Ref ma być przekazany do komponentu FullAppComponent gdzie po naciśnięciu buttona wew robi mi scrollTo na refa.
Niby proste a nie działa. Normalnie propami przekazałem refy, ale zwraca mi refa
Moje pytanie: jak przekazać refa z InfoSection. Dokładnie Refa danego obrazka. Ref ma być przekazany do komponentu FullAppComponent gdzie po naciśnięciu buttona wew robi mi scrollTo na refa.
Niby proste a nie działa. Normalnie propami przekazałem refy, ale zwraca mi refa
@NiewzruszonaMasa: Ja pierd.................... ( ͡° ͜ʖ ͡°)( ͡° ͜ʖ ͡°)
Jedno piwko wystarczyło żeby mnie zdekoncentrować totalnie.
ref spropagowany do customComponentu, musiał iść jeden child deeper :)
Dodatkowo używałem custom hook useInView => do intersectionObservera robiłem go na [ref,inView] i jeszcze konfikt miał :) pewnie VSC ciągnął po refie z destrukcji
Jedno piwko wystarczyło żeby mnie zdekoncentrować totalnie.
ref spropagowany do customComponentu, musiał iść jeden child deeper :)
Dodatkowo używałem custom hook useInView => do intersectionObservera robiłem go na [ref,inView] i jeszcze konfikt miał :) pewnie VSC ciągnął po refie z destrukcji
#programowanie
źródło: comment_1643488873Z6z3ywh9tbPbB2ogx2tFCb.jpg
Pobierz