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
@Griffith: My mamy coś w rodzaju podziału na takie foldery:
* states - globalne stany, gdzie każdy ma swój folder, np. user, article, task, itp.
* pages - top-level komponenty z podziałem na strony + komponenty używane tylko na danej stronie, np. task-list/page.ts, task-list/components/search-bar.
* shared - jakieś uniwersalne komponenty typu toast czy button i inne gówna
Sprawdza się nawet spoko. Jak jakaś strona jest bardzo skomplikowana i potrzebuje własnego
* states - globalne stany, gdzie każdy ma swój folder, np. user, article, task, itp.
* pages - top-level komponenty z podziałem na strony + komponenty używane tylko na danej stronie, np. task-list/page.ts, task-list/components/search-bar.
* shared - jakieś uniwersalne komponenty typu toast czy button i inne gówna
Sprawdza się nawet spoko. Jak jakaś strona jest bardzo skomplikowana i potrzebuje własnego
@Kresse: wyglada na strukturę podobną do takiej, ktora zawsze uzywam, tylko inne nazwy folderów.
#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@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
if(registered) dispatch(resetRegistered());
}, [registered]);
eslint wyrzucił " React Hook useEffect has a missing dependency: 'dispatch' "
dispatch
@scorpio18k:
Po prostu zastosuj się do
eslint wyrzucił " React Hook useEffect has a missing dependency: 'dispatch' "
Po prostu zastosuj się do
@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:
Kod:
https://github.com/linkedweb/auth-site/blob/main/frontend/routes/auth/verify.js
Generalnie kod wywoływany jest tak:
@scorpio18k: cookieParser masz jako middleware w app.js, app.use(cookieParser), bez tego nie zadziała. Sam import nic nie da.
@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ę
cookieParser jest raczej ok bo by w ogóle nie działało. Tak mi się wydaje.
To co udało mi się
@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.
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
@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.
@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
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
@AnonimoweMirkoWyznania: po prostu szukaj innej pracy, zdalnie albo się przeprowadź.
@AnonimoweMirkoWyznania: pół roku to jest nic, po roku możesz zacząć szukać jeśli coś się nauczyłeś oczywiście
#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
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
#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
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
@peoplearestrange: są firmy które tak rozdają mida.
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.
#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
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
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 aplikacje.
Na swoim przykładzie pisząc coś nie używałem nigdy connect - nawet typując z TS, jakieś totalne podstawy zawsze opierdałem się na hookach bo po prostu łatwiej / czytelniej.
Dostałem
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 aplikacje.
Na swoim przykładzie pisząc coś nie używałem nigdy connect - nawet typując z TS, jakieś totalne podstawy zawsze opierdałem się na hookach bo po prostu łatwiej / czytelniej.
Dostałem
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
( ͡° ͜ʖ ͡°) trochę rak
// persist // redux
mając rootReducer = (state,action) = {
// logika inside np
return combinedReducers(state,action)
mając rootReducer = (state,action) = {
// logika inside np
return combinedReducers(state,action)
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
const rootReducer = (state, action) => {
if (action.type === "auth/logout") {
// here <== gdy użytkownik jest wylogowany
@NiewzruszonaMasa a to? (nie wiem czy mówimy o tym samym xD) https://redux-toolkit.js.org/api/createSlice#the-extrareducers-builder-callback-notation
extraReducers: (builder) => {
builder.addCase(PURGE, (state) => {
customEntityAdapter.removeAll(state);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
@throaway: Context to chujnia 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
Poza tym
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
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
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.
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.
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(d--a.obliczstan(tu mogę dać argument )) <-- argument action.payload
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(d--a.obliczstan(tu mogę dać argument )) <-- argument action.payload
@NiewzruszonaMasa: pytanie tylko co chcesz zrobic. Nie mozesz tej operacji zrobic i wyslac jego rezultat do dispatcha?
@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 .
#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
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
@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
#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
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
Opcja z elements.length > 0 jest ryzykowna, jezeli edytujesz te dane i musisz je zaktualizowac.