Przeglądam dokumentację redux toolkit, ale nie rozumiem proponowanej struktury folderów. Co miałoby się znajdować w "features"? slice + wszystkie komponenty korzystajace z niego? Co w przypadku, kiedy komponent korzysta np. z dwoch slice? #react #redux #frontend #programowanie
Wszystko
Wszystkie
Archiwum
- 0
#programowanie #angular #react #redux #ngrx #javascript
Pytanko, chciałem w state stora dodać pole z unikalnymi wartościami, żeby to osiągnąć użyłem Set.. czyli w deklaracji Set i inicjalizacja new Set([]); co wywala mi błąd
Pytanko, chciałem w state stora dodać pole z unikalnymi wartościami, żeby to osiągnąć użyłem Set.. czyli w deklaracji Set i inicjalizacja new Set([]); co wywala mi błąd
Detected unserializable state for class
... dziwne no ale, może ktoś powie czego używa do trzymania unikalnych wartości? Nie chciałbym się bawić w iterowanie po tablicy i szukanie czy element istnieje..- 0
@n0c0Mpr3h3nD z pustym jest ten sam błąd niestety
@Dominias: to zmień set na listę i zmieniaj listę przez
lista = set(*lista, nowa_wartosc)
useEffect(()=>{
if(registered) dispatch(resetRegistered());
}, [registered]);
eslint wyrzucił " React Hook useEffect has a missing dependency: 'dispatch' "
dispatch wygląda tak:
const dispatch = useDispatch();
to chciałem zrobić:
const dispatch = useCallback(()=>useDispatch());
ale wywala: " React Hook "useDispatch" cannot be called inside a callback. "
Można to jakoś naprawić czy po prostu dodać // eslint-disable-line react-hooks/exhaustive-deps ?
#react #redux #reactjs #javascript
if(registered) dispatch(resetRegistered());
}, [registered]);
eslint wyrzucił " React Hook useEffect has a missing dependency: 'dispatch' "
dispatch wygląda tak:
const dispatch = useDispatch();
to chciałem zrobić:
const dispatch = useCallback(()=>useDispatch());
ale wywala: " React Hook "useDispatch" cannot be called inside a callback. "
Można to jakoś naprawić czy po prostu dodać // eslint-disable-line react-hooks/exhaustive-deps ?
#react #redux #reactjs #javascript
- 1
@scorpio18k:
Po prostu zastosuj się do tego.
Sugeruję zapoznać się z dokumentacją reacta - bardzo przyjemna
eslint wyrzucił " React Hook useEffect has a missing dependency: 'dispatch' "
Po prostu zastosuj się do tego.
ale wywala: " React Hook "useDispatch" cannot be called inside a callback. "
Sugeruję zapoznać się z dokumentacją reacta - bardzo przyjemna
- 2
@scorpio18k: bo co render funkcja była zupełnie nową funkcją, więc się zmieniała.
Jakim cudem w req.cookies znajdują się ciasteczka z tokenem access?
Kod:
https://github.com/linkedweb/auth-site/blob/main/frontend/routes/auth/verify.js
Generalnie kod wywoływany jest tak:
1. checkAuth() w App.js
https://github.com/linkedweb/auth-site/blob/main/frontend/client/src/App.js
2. checkAuth jest tutaj:
https://github.com/linkedweb/auth-site/blob/main/frontend/client/src/features/user.js
Ponieważ jest:
fetch('/api/users/verify
to odpala się express.js:
3. https://github.com/linkedweb/auth-site/blob/main/frontend/routes/auth/verify.js
I tu pytanie - Skąd te ciasteczka wewnątrz req.cookies ?
Zrobiłem kopię i spróbowałem odpalić tak:
https://pastebin.com/xMQ25NBN
Generalnie ładnie uderza z reacta do expressa ale nie ma wewnątrz ciasteczka z tokenem access.
Dlaczego?
const {access}=req.cookies; zwraca
Kod:
https://github.com/linkedweb/auth-site/blob/main/frontend/routes/auth/verify.js
Generalnie kod wywoływany jest tak:
1. checkAuth() w App.js
https://github.com/linkedweb/auth-site/blob/main/frontend/client/src/App.js
2. checkAuth jest tutaj:
https://github.com/linkedweb/auth-site/blob/main/frontend/client/src/features/user.js
Ponieważ jest:
fetch('/api/users/verify
to odpala się express.js:
3. https://github.com/linkedweb/auth-site/blob/main/frontend/routes/auth/verify.js
I tu pytanie - Skąd te ciasteczka wewnątrz req.cookies ?
Zrobiłem kopię i spróbowałem odpalić tak:
https://pastebin.com/xMQ25NBN
Generalnie ładnie uderza z reacta do expressa ale nie ma wewnątrz ciasteczka z tokenem access.
Dlaczego?
const {access}=req.cookies; zwraca
@scorpio18k: cookieParser masz jako middleware w app.js, app.use(cookieParser), bez tego nie zadziała. Sam import nic nie da.
- 0
@schriker: @PortowySzczur:
cookieParser jest raczej ok bo by w ogóle nie działało. Tak mi się wydaje.
To co udało mi się ustalić to:
https://pastebin.com/MErESiFF
problem leży w tym, że jak zamienię w tych dwóch miejscach z '/api/elo' na 'foo/elo'
to nie zadziała ponieważ trzeba dodać w setupProxy.js: app.use('/foo', ...
A jak dodam /foo do setupProxy to wtedy fetch z DashboardPage działa bo wyświetla wewnątrz express js console loga tylko, że
cookieParser jest raczej ok bo by w ogóle nie działało. Tak mi się wydaje.
To co udało mi się ustalić to:
https://pastebin.com/MErESiFF
problem leży w tym, że jak zamienię w tych dwóch miejscach z '/api/elo' na 'foo/elo'
to nie zadziała ponieważ trzeba dodać w setupProxy.js: app.use('/foo', ...
A jak dodam /foo do setupProxy to wtedy fetch z DashboardPage działa bo wyświetla wewnątrz express js console loga tylko, że
- 2
- 1
@scorpio18k: tak naprawdę najpierw był Redux a dopiero później wprowadzili do samego core'a Reacta taki mechanizm jak Context. No i Context a lokalny stan to nie jest to samo, można powiedzieć że Redux to taki bardziej zaawansowany Context.
- 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
- 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.
#anonimowemirkowyznania
Mam pół roku komercyjnego expa w #pracait jako #react #typescript #redux.
Jednak już teraz czuje ze się nie rozwijam, jak wygląda moja praca?
- firma <20 pracowników
- 1 projekt
- komunikacja w języku polskim (całkowity brak angielskiego)
Moje obowiązki to głównie:
- otrzymanie gotowych ekranów i komponentów dla projektu
- ustalenie z backendem, jakie zwrotki mają mi dać
- zakodowanie widoków
Zarabiam 22 zł /h. (nie wiem czy to
Mam pół roku komercyjnego expa w #pracait jako #react #typescript #redux.
Jednak już teraz czuje ze się nie rozwijam, jak wygląda moja praca?
- firma <20 pracowników
- 1 projekt
- komunikacja w języku polskim (całkowity brak angielskiego)
Moje obowiązki to głównie:
- otrzymanie gotowych ekranów i komponentów dla projektu
- ustalenie z backendem, jakie zwrotki mają mi dać
- zakodowanie widoków
Zarabiam 22 zł /h. (nie wiem czy to
@AnonimoweMirkoWyznania: po prostu szukaj innej pracy, zdalnie albo się przeprowadź.
- 1
@AnonimoweMirkoWyznania: pół roku to jest nic, po roku możesz zacząć szukać jeśli coś się nauczyłeś oczywiście
- 1
#javascript #pracait #pracazdalna #remote #react #typescript #redux
Możliwość pracy w pełni zdalnie. Szukamy Midów, jak i Seniorów. Wymagania i płaca jest oczywiście dostosowana do poziomu.
Widełki:
- Senior 16 000 - 26 000 brutto UoP
- Mid 8 000 - 16 000 brutto UoP
Osoba do nas dołączająca ma przydzielonego tzw. "buddiego", który pomaga się wdrażać, któremu można zadawać pytania, pomaga z zadaniami i kodem.
Co oferujemy?
Po pierwsze MOŻLIWOŚCI ROZWOJU:
Zespół
Możliwość pracy w pełni zdalnie. Szukamy Midów, jak i Seniorów. Wymagania i płaca jest oczywiście dostosowana do poziomu.
Widełki:
- Senior 16 000 - 26 000 brutto UoP
- Mid 8 000 - 16 000 brutto UoP
Osoba do nas dołączająca ma przydzielonego tzw. "buddiego", który pomaga się wdrażać, któremu można zadawać pytania, pomaga z zadaniami i kodem.
Co oferujemy?
Po pierwsze MOŻLIWOŚCI ROZWOJU:
Zespół
- 1
#javascript #pracait #pracazdalna #remote #react #typescript #redux
Możliwość pracy w pełni zdalnie. Szukamy Midów, jak i Seniorów. Wymagania i płaca jest oczywiście dostosowana do poziomu.
Widełki:
- Senior 16 000 - 26 000 brutto UoP
- Mid 8 000 - 16 000 brutto UoP
Osoba do nas dołączająca ma przydzielonego tzw. "buddiego", który pomaga się wdrażać, któremu można zadawać pytania, pomaga z zadaniami i kodem.
Co oferujemy?
Po pierwsze MOŻLIWOŚCI ROZWOJU:
Zespół
Możliwość pracy w pełni zdalnie. Szukamy Midów, jak i Seniorów. Wymagania i płaca jest oczywiście dostosowana do poziomu.
Widełki:
- Senior 16 000 - 26 000 brutto UoP
- Mid 8 000 - 16 000 brutto UoP
Osoba do nas dołączająca ma przydzielonego tzw. "buddiego", który pomaga się wdrażać, któremu można zadawać pytania, pomaga z zadaniami i kodem.
Co oferujemy?
Po pierwsze MOŻLIWOŚCI ROZWOJU:
Zespół
@peoplearestrange: są firmy które tak rozdają mida.
Witam,
Nie mogę znaleźć odpowiedzi.
Redux, a raczej thunk action.
Załóżmy że mam thunka. Potrzebuje fetchować dane oraz zrobić obsługę błędów w reduxie. Dane #!$%@? i ustawiam na state.
Wszystko cacy gra, actionCreator działa i ogólnie git.
A teraz druga opcja:
Podobny thunk, ale który nie ustawiamy mi zwróconych danych na reduxState poprzez dispatch(action.setData) <== np.
Tylko robi coś innego. A dodatkowo chcę zwrócić dane z fetch poza swój Thunk.
Jeśli thunk
Nie mogę znaleźć odpowiedzi.
Redux, a raczej thunk action.
Załóżmy że mam thunka. Potrzebuje fetchować dane oraz zrobić obsługę błędów w reduxie. Dane #!$%@? i ustawiam na state.
Wszystko cacy gra, actionCreator działa i ogólnie git.
A teraz druga opcja:
Podobny thunk, ale który nie ustawiamy mi zwróconych danych na reduxState poprzez dispatch(action.setData) <== np.
Tylko robi coś innego. A dodatkowo chcę zwrócić dane z fetch poza swój Thunk.
Jeśli thunk
- 0
@NiewzruszonaMasa: nie używaj samego reduxa do tego, zajrzyj do react-query and RTK query
- 0
@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.
- 2
#javascript #pracait #pracazdalna #remote #react #typescript #redux
Możliwość pracy w pełni zdalnie. Szukamy Midów, jak i Seniorów. Wymagania i płaca jest oczywiście dostosowana do poziomu.
Widełki:
- Senior 16 000 - 26 000 brutto UoP
- Mid 8 000 - 16 000 brutto UoP
Osoba do nas dołączająca ma przydzielonego tzw. "buddiego", który pomaga się wdrażać, któremu można zadawać pytania, pomaga z zadaniami i kodem.
Co oferujemy?
Po pierwsze MOŻLIWOŚCI ROZWOJU:
Zespół
Możliwość pracy w pełni zdalnie. Szukamy Midów, jak i Seniorów. Wymagania i płaca jest oczywiście dostosowana do poziomu.
Widełki:
- Senior 16 000 - 26 000 brutto UoP
- Mid 8 000 - 16 000 brutto UoP
Osoba do nas dołączająca ma przydzielonego tzw. "buddiego", który pomaga się wdrażać, któremu można zadawać pytania, pomaga z zadaniami i kodem.
Co oferujemy?
Po pierwsze MOŻLIWOŚCI ROZWOJU:
Zespół
- 7
@plugNplay: na stażyste
- OrzechowyDzem
- plugNplay
- WodnySzajbus
- Floryda
- swinkapl
- +2 innych
- 7
@nightman: ale duza rozpietosc widelek na mida, kto z doswiadczerniem godzi sie pracowac za 8k brutto wtf
- nektar
- LoneRider
- WodnySzajbus
- swinkapl
- karbamazepina
- +2 innych
Mam pytanie do osób z branży. Jak np taka świeża dokumentacja reduxa - która rekomenduje rożne kwestie związane z porzucaniem class komponentów / connect / props - dispatch to state. To wszystko na rzecz nowych hooków / toolkitów itp, ma się do rzeczywistości ?
Raczej używam świeżych rzeczy, tworząc projekt / ucząc się, ale ostatnio wpadły mi arty eriksona - takie pierdy z dokumentacji o enkapsulacja Reduxa i ogólnie jak projektować modułowo
Raczej używam świeżych rzeczy, tworząc projekt / ucząc się, ale ostatnio wpadły mi arty eriksona - takie pierdy z dokumentacji o enkapsulacja Reduxa i ogólnie jak projektować modułowo
To wszystko na rzecz nowych hooków / toolkitów itp, ma się do rzeczywistości ?
@NiewzruszonaMasa: Ostatni raz komponenty klasowe widziałem w kodzie produkcyjnym 2 lata temu
- 0
( ͡° ͜ʖ ͡°) trochę rak
// persist // redux
mając rootReducer = (state,action) = {
// logika inside np
return combinedReducers(state,action)
}
chciałby gdy mam akcję // login i logout zareagować inaczej w rootReducerze
Akcja spoko działa, ale jak mam ustawić mu jakiś state w części konkretnego slice.
Czy manulnie mogę to zrobic tak:
state.sliceName.state = false
Według reduxa nie, bo nie jest jest purefunction. Powinien też być wywołany przez dispatch hook.
dispatch nie wywołam bo useDispatch
mając rootReducer = (state,action) = {
// logika inside np
return combinedReducers(state,action)
}
chciałby gdy mam akcję // login i logout zareagować inaczej w rootReducerze
Akcja spoko działa, ale jak mam ustawić mu jakiś state w części konkretnego slice.
Czy manulnie mogę to zrobic tak:
state.sliceName.state = false
Według reduxa nie, bo nie jest jest purefunction. Powinien też być wywołany przez dispatch hook.
dispatch nie wywołam bo useDispatch
- 0
https://redux-toolkit.js.org/api/createSlice na samym dole jest przykład - nie wiem czy czasem to u mnie nie zadziała. Tylko ja potrzebuje wywołać akcję w tym miejscu.
const rootReducer = (state, action) => {
if (action.type === "auth/logout") {
// here <== gdy użytkownik jest wylogowany
}
return combinedReducers(state, action);
}
const rootReducer = (state, action) => {
if (action.type === "auth/logout") {
// here <== gdy użytkownik jest wylogowany
}
return combinedReducers(state, action);
}
@NiewzruszonaMasa a to? (nie wiem czy mówimy o tym samym xD) https://redux-toolkit.js.org/api/createSlice#the-extrareducers-builder-callback-notation
czyli możesz w każdym slice zareagować na dowolną akcje
extraReducers: (builder) => {
builder.addCase(PURGE, (state) => {
customEntityAdapter.removeAll(state);
});
}
czyli możesz w każdym slice zareagować na dowolną akcje
Mirki pisze sobie appke szachowa i mam problem ze w wielu komponentach potrzebuje state i np z childa do parenta pare poziomow wyzej przekazywać cały czas to chyba zle bo sie robi syf w kodzie, czy w takim wypadku używać np takiego reduxa? Czy może za duża jest to kobyla i cos innego?
#react #javascript #programowanie #redux #js
#react #javascript #programowanie #redux #js
- 6
- 6
@throaway: Context to #!$%@? i w 90% przypadków użycia nie powinien zostać użyty, zwłaszcza jeśli masz dużą listę dzieci. Jeśli masz szachownicę, context provider gdzieś wyżej i każde pole używa contextu, to jakakolwiek zmiana w tym kontekście przerenderuje ci całe drzewko, nawet jeśli masz memo. Tzn zmieniasz coś co dotyczy tylko pola nr1, ale przerenderuje się cała szachownica, 64 pola. Z reduxem możesz przerenderować tylko to co trzeba.
Poza tym reduxa
Poza tym reduxa
- konto usunięte
- BLOCKY
- konto usunięte
- LaylaTichy
- schriker
- +1 innych
Szanowne Mirabelki i szanowni Mircy z #programowanie, #programista15k, #frontend czy ktoś z Was pracuje dla szwajcarskiej firmy? Myślę nad popracowanie trochę jako kontraktor z późniejszą emigracją i szukam firm otwartych na taką współpracę. Przeglądam:
https://swissdevjobs.ch/
https://www.jobs.ch/en/
https://ch.indeed.com/
ale jeśli szukają kogoś zdalnie to ew w granicach Szwajcarii. Na reddit pisali też że jednak ktoś na miejscu będzie wyżej wyceniany niż kontraktor. Co do konkretnych technologii to #javascript #react #redux
Może
https://swissdevjobs.ch/
https://www.jobs.ch/en/
https://ch.indeed.com/
ale jeśli szukają kogoś zdalnie to ew w granicach Szwajcarii. Na reddit pisali też że jednak ktoś na miejscu będzie wyżej wyceniany niż kontraktor. Co do konkretnych technologii to #javascript #react #redux
Może
- 1
@nobodyelse: A jedna kwestia odnośnie roche za moich czasów jak ktoś był na kontrakcie to musiał być przez kontraktornie z która roche współpracował, nie brali kontraktorów z wolnej ręki.
- 1
@lobo: teraz chyba zatrudniaja tez bezposrednio na niektore stanowiska
Przypuścimy że mam w store listę obiektów o jakiś tam atrybutach.
W komponencie statistics biorę sobie tą listę z reduxStore i chcę z niej wyciągnąć info żeby wyświetlić pewne statystyki.
np. remaining time na podstawie tych obiektów czy też doneTasks.
Komponent Statistics wyświetla dokładnie trzy informacje na ten temat przyjmijmy:
ilość,długość,wielkość - na podstawie danych z useSelectora ze store.
Jak najlepiej rozwiązać takie coś ? Chodzi mi o kwestie ładnego i logicznego
W komponencie statistics biorę sobie tą listę z reduxStore i chcę z niej wyciągnąć info żeby wyświetlić pewne statystyki.
np. remaining time na podstawie tych obiektów czy też doneTasks.
Komponent Statistics wyświetla dokładnie trzy informacje na ten temat przyjmijmy:
ilość,długość,wielkość - na podstawie danych z useSelectora ze store.
Jak najlepiej rozwiązać takie coś ? Chodzi mi o kwestie ładnego i logicznego
Zadawałem już kiedyś podobne pytanie, ale zbyt zawile - bo nie rozumiałem koncepcji i działania reduxa.
Używam toolkita ale nie wiem czy to ma znaczenie.
Chodzi o wyliczanie stanu jednego z reducerów / czy tam slicy, na podstawie parametru z innego stanu ( wycinka ).
niech akcja wyliczająca nazywa się - dispatch(dupa.obliczstan(tu mogę dać argument )) <-- argument action.payload
- argumentem musiałby być wycinek ze stanu innego reducera.
Podejście drugie.
Za pośrednictwem
Używam toolkita ale nie wiem czy to ma znaczenie.
Chodzi o wyliczanie stanu jednego z reducerów / czy tam slicy, na podstawie parametru z innego stanu ( wycinka ).
niech akcja wyliczająca nazywa się - dispatch(dupa.obliczstan(tu mogę dać argument )) <-- argument action.payload
- argumentem musiałby być wycinek ze stanu innego reducera.
Podejście drugie.
Za pośrednictwem
@NiewzruszonaMasa: pytanie tylko co chcesz zrobic. Nie mozesz tej operacji zrobic i wyslac jego rezultat do dispatcha?
- 0
@krzykrzy1995: Sprawdzę to. Ogólnie doczytałem też kwestii wywoływania sekwencji dispatch a robienia jednego większego wyliczania stanu na raz - zdania są jak zwykle podzielone z naciskiem na modułowość aplikacji i późniejszej możliwości użycia mniejszego modułu w innej części apki.
Ja się do końca nie mogę przemóc do pisania mikrofunkcji - za dużo chyba się wujka boba naczytałem .
Ja się do końca nie mogę przemóc do pisania mikrofunkcji - za dużo chyba się wujka boba naczytałem .
- 0
#javascript #pracait #pracazdalna #remote #react #typescript #redux
Możliwość pracy w pełni zdalnie. Szukamy zarówno Juniorów, Midów, jak i Seniorów. Wymagania i płaca jest oczywiście dostosowana do poziomu.
Widełki:
- Senior 16 000 - 26 000 brutto UoP
- Mid 8 000 - 16 000 brutto UoP
- Junior 5 000 - 8 000 brutto UoP
Osoba do nas dołączająca ma przydzielonego tzw. "buddiego", który pomaga się wdrażać, któremu można zadawać pytania, pomaga
Możliwość pracy w pełni zdalnie. Szukamy zarówno Juniorów, Midów, jak i Seniorów. Wymagania i płaca jest oczywiście dostosowana do poziomu.
Widełki:
- Senior 16 000 - 26 000 brutto UoP
- Mid 8 000 - 16 000 brutto UoP
- Junior 5 000 - 8 000 brutto UoP
Osoba do nas dołączająca ma przydzielonego tzw. "buddiego", który pomaga się wdrażać, któremu można zadawać pytania, pomaga
- 1
@MarekAntoniusz: Mamy projekt 100+ - firma chce zatrudnić globalnie ponad 100 osób, duża część w PL.
@nightman daj znać jak będzie dostępne b2b
- 2
#javascript #pracait #pracazdalna #remote #react #typescript #redux
Możliwość pracy w pełni zdalnie. Szukamy zarówno Juniorów, Midów jak i Seniorów - wymagania i płaca jest oczywiście dostosowana do poziomu.
Widełki:
- Senior 16 000 - 26 000 brutto UoP
- Mid 8 000 - 16 000 brutto UoP
- Junior 5 000 - 8 000 brutto UoP
Po pierwsze MOŻLIWOŚCI ROZWOJU:
Zespół składający się z doświadczonych ludzi, którzy zawsze służą pomocą i dobrą
Możliwość pracy w pełni zdalnie. Szukamy zarówno Juniorów, Midów jak i Seniorów - wymagania i płaca jest oczywiście dostosowana do poziomu.
Widełki:
- Senior 16 000 - 26 000 brutto UoP
- Mid 8 000 - 16 000 brutto UoP
- Junior 5 000 - 8 000 brutto UoP
Po pierwsze MOŻLIWOŚCI ROZWOJU:
Zespół składający się z doświadczonych ludzi, którzy zawsze służą pomocą i dobrą
Opcja z elements.length > 0 jest ryzykowna, jezeli edytujesz te dane i musisz je zaktualizowac.