Jakie jest założenie w redux/ngrx przy pobieraniu jednego elementu? Jak pobieram wszystkie elementy, to sprawa jest prosta, bo #!$%@?ę do store'a wszystkie elementy i potem ze store'a do konkretnego komponentu. Wyobraźmy sobie jednak, że bezpośrednio wchodzę na stronę elements/[id], a więc interesuje mnie tylko jeden element z kolekcji. Czy powinienem fetchować wszystkie elementy do store'a i zwracać tylko ten wybrany, czy raczej mam napisać osobny selector/effect/akcję dla jednego elementu? Tylko wtedy gdzie
@lunaexoriens zrób sobie w storze osobne pole activeElement, akcją wrzucaj tam dane ze stora, i później selektorem wyciągaj tą wartość w komponencie.

Opcja z elements.length > 0 jest ryzykowna, jezeli edytujesz te dane i musisz je zaktualizowac.
@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 stanu
#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 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..
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
@scorpio18k:

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
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
@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
@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
via Wykop Mobilny (Android)
  • 1
@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.
#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
#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ół
#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ół
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
#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ół
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
// 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
via Wykop Mobilny (Android)
  • 0
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
@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
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
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
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
@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 .
#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
#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ą