00:02:58 Maciek: Siema! :D Ja dzisiaj wyjątkowo tylko na odsłuchu.
00:03:16 Mati: 💪
00:18:17 Maciek: Ja słyszałem, że jak mamy często zmiany stanu którego normalnie trzymamy w contextcie, to wtedy warto przenieść to do reduxa.
00:19:54 Mati: Dokładnie - słyszałem, że jakbyśmy robili aplikację typu paint na react, to redux. A jak mamy pokazywanie stanu serwera na stronie, to może np. React-Query
00:20:30 Maciek: RTK ma swój odpowiednik React Query - RTK Query.
00:21:32 Maciek: Ja jeszcze robiłem async thunki w rtk, tam to dopiero boilerplate. :D
00:54:35 Mati: Patryk moglibyśmy później omówić poniższe pytania? Pojawiły mi się w czasie nauki :-)
1. Czy są przypadki używania reduxa i contextu w jednym projekcie, czy jest to bezsensowne?
2. Czy zgodzisz się, że context jest ok do wartości, które rzadko się zmieniają?
3. Co powiesz o przypadku, że w context trzymamy zalogowanego usera, theme, a cała cieższa logika (np dla miro) to Redux?
4. Co byś użył dla toastów? Zazwyczaj używam z toastify czy react hot toast, ale załóżmy, że piszemy to z palca.
5. Czy Redux jest synchroniczny i co zrobić, by był w stanie obsłużyć asynchroniczność? Może powiesz kilka słów o Thunk i wspomnianej Sadze?
00:54:41 Mati: 6. Na czym opiera się Redux? Niemutowalność?
7. [Od MaciejBSZ] Jak działa createSlice i createEntityAdapter, a także różnice między zwykłym reduxem, a toolkitem
8. [Od MaciejBSZ] Czemu w RTK można mutować stan, a w zwykłym nie.
9. Co sądzisz w używaniu immera wraz z reduxem?
10. Dlaczego Redux teraz jest 'w odwrocie' ?
11. Podobno Redux jest 'powolny'? Wynika to ze złego użycia?
12. Odnośnie pytania 3, czy Redux nadaje się do ogarnięcia autoryzacji, trzymania stanu?
13. Jakby ktoś poprosił Cię o opisanie Reduxa w 3 zadaniach, to jak najlepiej odpowiedzieć?
00:58:50 Maciek: A takiej apki miropodobnej nie lepiej oprzeć na socketach + redux?
00:59:38 Maciek: Czy lepiej socket + context? :D
01:00:06 Maciek: Dialog już ma wejść jako natywny tag. :D
01:00:11 Maciek: O właśnie! :D
01:10:02 Maciek: createEntityAdapter służy do operacji typowo CRUDowskich. Jak ktoś pracował w MongoDB to poczuje się jak w domu jak zobaczy metody. :D
01:22:24 Maciek: Czy we współczesnym reactcie jest jescze miejsce dla używania klas, poza serwisami api z axiosem?
01:22:33 Maciek: miejsce do używania*
01:22:55 Maciek O: ErrorBoundary 😄
01:24:53 Mati: Właśnie reactowe ErrorBoundary chyba nigdy nie przeniosło się na hooki. Ale jest coś podobnego na npmie na hookach. Trochę dziwne. Z Suspensem używa się ErrorBoundary...
01:25:01 Maciek: A, właśnie też się z tym spoktałem. :D
01:26:02 Maciek: A jest sens tworzenia nowych obiektów w oparciu o klasy?
01:27:50 Maciek: Chodzilo mi o Reacta właśnie. :D
01:28:42 Maciek: Oby tak dalej. :D
01:29:11 Mati: Bardzo dobrze, więcej dyskusji będzie!
01:32:05 Maciek: Dzięki za dzisiaj!
Sprawdź też dokładny program nauki i agendę na tej stronie: https://www.webamigos.pl/mewa
Dzięki szkoleniu Modern and Efficient Web Applications (MEWA) poznasz dobre praktyki tworzenia aplikacji internetowych, zaczniesz pisać czytelny i przejrzysty kod, wykorzystasz w pełni najbardziej efektywne narzędzia. Dzięki szkoleniu poznasz najlepsze praktyki tworzenia aplikacji po stronie frontendu oraz dowiesz się z czym zmagają się backendowcy w zespołach fullstackowych.
.jpg){kind=avatar}
Jestem Senior Fullstack Developerem specjalizującym się w tworzeniu aplikacji internetowych w stacku TypeScript, React, Next.js, NestJS. Realizowałem wiele ciekawych i wymagających projektów m. in. dla znanej akademii filmowej z USA oraz startupów z Doliny Krzemowej.
Od 8 lat dzielę się swoją wiedzą jako ekspert na konferencjach i trener IT. Prowadzę też szkolenia dla programistów w Bottega IT Minds, firmie która zrzesza najlepszych ekspertów IT. Jestem także pomysłodawcą i założycielem Szkoły Reacta oraz kanału Web Amigos na YouTube.
Na codzień oprócz kodowania, zajmuję się weryfikacją IT, czyli w trakcie procesów rekrutacyjnych sprawdza poziom wiedzy kandydatów na stanowiska Junior, Regular, jak i Senior developerów.