Mam dwa pytania:
1. Mam duży form - jest to modal z ustawieniami aplikacji. Form nie ma skomplikowanej logiki, ale ma sporo opcji ustawień tzn. Notifications, timeLimits etc. - wiadomo zależnie od aplikacji. Form ma odpowiadać za update state.Configu w Reduxie

State.Config siedzi sobie w reduxie. Chcę żeby każdy onchange na inpucie,checboxie etc, powodował updateConfigSTATE w reduxie.

Są jakieś biblioteki, albo proste rozwiązania pod do ? a jesli nie, to jak najlepiej żeby to wyglądało.
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@NiewzruszonaMasa: Powiem ci tak, ja mam w programowaniu ponad 11 lat doświadczenia i przy niektórych rzeczach potrzebuję z dzień-dwa(czasem dłużej, często jakieś PoC się strzeli zupełnie przed) powalczyć z dokumentacją podyskutować z innymi devami przemyśleć sprawę i zaprojektować przynajmniej z grubsza jakiś plan. Uważam że jest to znacznie lepsze podejście niż kodowanie na żywca bo znacznie mniej problemów się zrobi czy podejmie się złe decyzje na początku które będą kosztować
  • Odpowiedz
@lobo: Problem w tym że czasem się zastanawiam czy nie kręcę się zbyt daleko od kręgu potrzebnej wiedzy. Mam tam jakiś cel - przyjmijmy to z rok żeby wejść w branżę na spokojnie ponownie, a przynajmniej spróbować. Rozminianie perfect Codu wchodzi czasem za bardzo ( ͡° ͜ʖ ͡°) - przypuszczam że w pracy też nie ma co przesadzac na ten temat.

dzięki za info :)
  • Odpowiedz
Pytanko dla was, proszę mnie wyprowadzić z błędu.

Mam reduxa z toolkitem. Stworzone mam dwa slice: SliceOne, SliceTwo.
W nich mam reducery.
Oba slice odpowiadają za inną partie aplikacji, dlatego je rozdzieliłem.
Wraz z rozwojem aplikacji potrzebuję funkcji która się wykona tylko w momencie jak:
  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

via Wykop Mobilny (Android)
  • 0
@NiewzruszonaMasa: ale rozumiesz że nie musisz dzielić reducerów i możesz mieć jeden? Bo cały state sprowadza się do połączonego state wszystkich "slice". Nic się nie zepsuje jak w jednym masz pewne dane a w drugim inne i zawołasz np dwie akcje aktualizacji po sobie
  • Odpowiedz
  • 2
@Akke Generalnie nie, ale junior juniorowi nierówny więc nic nie szkodzi się zgłosić - najwyżej się nie dostaniesz. Ale możesz dostać cenny feedback
  • Odpowiedz
Mam dość nietypowe pytanie dotyczące Redux, a dokładnie redux-devtoolsa.
Czemu tak wielkie portale jak Medium czy Reddit nie wyłączają w wersji produkcyjnej redux-devtool?

Sam używam redux-devtools, ale mam if'a, że tylko pokazuje gdy jest w wersji deweloperskiej, rozumiem, że w state reduxa nie ma nic sekretnego, ale nadal, czemu udostępniają publicznie?

Zawsze jak przeglądam redditka czy mediumka to z ciekawości zaglądam co mają w state co przez to jeszcze dłużej siedzę na tych stronach...
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Szukam materiałów do poczytania o Reduxie w React, nie chcę się w to zagłębiać, bo nie chcę na poważne zajmować się frontendem, chcę tylko zrobić MVP pewnej apki.

Podstawy Reacta ogarnąłem, o Reduxie nie wiem nic, chcę go poznać na tyle, żeby móc określić na ile będzie przydatny w mojej aplikacji i w razie gdy będzie potrzebny, to móc go użyć do zrobienia MVP.

Znalazłem https://typeofweb.com/wprowadzenie-kurs - są tam dwie lekcje o Redux, a przy okazji mógłbym przelecieć jeszcze te lekcje o React, bo zapewne czegoś mógłbym się z nich nauczyć.

Mam
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@voot: Książek raczej bym nie polecał, z uwagi na to, że ta wyszła 2 lata temu, a pisana była pewnie jeszcze rok wcześniej. Przez ten czas do Reacta weszły hooki i ogólnie sporo się zmieniło. Kursu nie sprawdzałem, ale powinien być ok zwłaszcza, że autor ma sporo doświadczenia w branży i zna się na rzeczy.
Odpowiedz sobie też na pytanie czy w ogóle potrzebujesz w apce reduxa, może uda
  • Odpowiedz
@aptitude: z--------ś się, są rzeczy do kórych chcesz miec dostęp globalnie i tu uzywasz redux/context a do malych komponentów to useState czy tam zaleznie co potrzebujesz
  • Odpowiedz
@BomBom: No masz rację, do globalnych rzeczy używam Redux, a do małych komponentów po prostu useState() gdzie tylko w tym komponencie potrzebuje tych informacji...

Kiedyś zawsze wszystko propsowałem w dół komponentów jak nie znałem Redux, dziś używam redux i rozwiązuje mi propsowanie tysiące razy w dół :D

Dzięki jeszcze raz za pomoc.
  • Odpowiedz
Uczę się reacta + reduxa pomagając przy tym pewnemu polskiemu stowarzyszeniu.
Dostałem zadanie, utworzyć stronę na której użytkownik będzie mógł dodać nowy tag.
Udało mi się utworzyć z formularza żądanie do API które taki Tag dodaje jednak totalnie nie mam pojęcia jak obsłużyć odpowiedź (ew. error). A konkretniej nie wiem w jaki sposób zwrócić odpowiedź z modelu do widoku aby wyświetlić ew. notyfikacje pod polem z błędem.

Bardzo proszę o jakieś naprowadzenie, czego powinienem się nauczyć bądź co poprawić aby taką informacje móc przekazać do widoku.
Link do mojego PR :
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@Przegrywek123: Kojarzysz jakiś tutorial/ sample gdzie jest rozwiązanie podobne do tego które opisałeś ? Bardziej interesowała by mnie pierwsza wersja czyli ta:
"Żeby przekazać te dane do innego komponentu (form) musisz albo podać swoją funkcję jako argument do akcji, i wywołać ją w bloku catch. Jej jako argument podaj ten response. Wtedy masz funkcję która ma dostęp do zmiennych lokalnych w kontenerze gdzie trzymasz Form i gdzie dane o błędach
  • Odpowiedz
@DaxterPoker: ogólnie zapytaj może w projekcie jak to zrobić. Tu problem polega na tym, że pytasz o dość bazową rzecz, która będzie się różnic w zależności od stacku i implementacji. To co ja opisałem i z czym masz problem to nie problem z reactem tylko z JSem. Ogólnie zaczynanie nauki webówki od frameworka nie jest dobre, będziesz miał masę braków - nie tylko z językiem, ale z htmlem i cssem
  • Odpowiedz
Redux, dla mnie nie ma do końca sensu, cała idea jest super, globalny stage, ale po c--j tworzyć actions ja ma się reducers, to wygląda teraz, jak byście poszli do sklepu i krzyknęli głośno "jestem głodny" i czekali aż ekspedient podejdzie i da Ci do ręki jedzenie, zamiast samemu coś z półki wziąć...


#programowanie #redux #react
  • 9
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@Rst00: disclaimer: nigdy nie pisałem frontendu. Z tego co rozumiem zamiast wywołać konkretną akcję mógłbym wywołać konkretny reducer. Mogłbyś opisać jakie dodatkowe zalety daje rozgraniczenie na akcję i reducer? To co pisze na stronie "Enforcing that every change is described as an action lets us have a clear understanding of what’s going on in the app. If something changed, we know why it changed" nie przemawia do mnie w żaden
  • Odpowiedz
@Saly: są chociażby narzędzia do podglądu odpalania akcji - Redux DevTools i tam masz listę wszystkich akcji - możesz patrzeć co było wykonywane po kolei, jaki miało wpływ na store itd. Pozwala też zachować czystość w kodzie bo do danej funkcjonalności robisz sobie pliki actions, reducer i możesz w łatwy sposób tym wszystkim zarządzać.

W prostych przykładach może się wydawać że to nie ma sensu, jest głupie itd. ale gdybyś rozważył cięższy przypadek to byś zobaczył, że to całkiem dobre podejście. Zwróć uwagę na to, że w Twoim podejściu nie wpiąłbyś się z żadnym "pluginem" (middlewarem) żeby coś dodatkowego zrobić. W prawdziwych aplikacjach miałbyś jeszcze np. połączenie z API. Np. wywołujesz akcję

store.dispatch(downloadArticle.request('test'))
jako że masz podpięty np. rxjs to wtedy w epicu możesz zrobić filtr na typ tej akcji i tam obsłużyć success czy fail. Na success zwracasz dane, które sobie możesz dodatkowo obrobić i one wtedy wpadają do reducera. Dodatkowo w obsłudze przez rxjs możesz wywołać dodatkowe akcje np. wywołujesz akcję logowania, po udanym zalogowaniu wywołujesz kolejną akcję która pobierze np. ilość artykułów
  • Odpowiedz
Jestem nowy w ngrx i mam problem. Przy dodawaniu nowego posta w swoim cms-ie dodaje mi się on dwukrotnie do store, choć w bazie danych jest oczywiście tylko raz. Wygląda to tak po odpaleniu funkcji dodawania postu:
- [POSTS] Add post
- [POSTS] Load posts success - tutaj dodaje się pierwszy raz
- [POSTS] Add post success - tutaj dodaje się drugi raz, ale po kliknięciu wyskakuje błąd.
Co ciekawe, problem ten występuje tylko kiedy mam this.store.dispatch(new LoadPostsAction()) w ngOnInit w głównym AppComponencie. Jak wczytywałem posty w ngOnInit komponentu z listą postów, to nowy post dodawał się ładnie, ale store odpalał akcję ładowania postów po każdym przejściu na stronę główną. A jak od razu wchodziłem na panel admina, to tam rzecz jasna postów nie widziałem, bo inicjacji odpowiedniego komponentu nie było.

Czy
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Warto teraz ogarniać #react (ts) + #redux na potrzeby małej (może później średniej apki)? Back-end .Net Core.
Daje to radę (react+redux) do obsługi sesji, logowania, użytkownika, jakieś stref dostępnych w zależności od uprawnień? Token JWT, czy jak to lepiej rozwiązać? Ew. jaki inny stack?
Nie lubię jsa, brak mi wyobraźni do front-endu ale chciałbym to wykorzystać do rozszerzenia wiedzy i finalnie zmiany pracy.

Na co dzień pracuję w
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@Yarakami: Słyszałem, oglądałem. Nawet kusiło, żeby w tym to zrobić. Ale czy dostanę za pół roku pracę, gdzie będzie on wykorzystywany? Powątpiewam ( ͡° ͜ʖ ͡°)
  • Odpowiedz
@virnik: Wiadomo, w polsce raczej takich cudeniek nikt długo jeszcze nie będzie używał ()

Możesz wybrać albo react, albo angular. W sumie to vuejs też już jakąś tam popularność ma, ale szału nie ma.
  • Odpowiedz
Mam pytanie odnośnie testów jednostkowych/integracyjnych. Robię test integracyjny komponentu listy (dodawanie elementu, usuwanie, wyświetlanie danych z api mocka). Czy jest sens pisać test jednostkowy reduxowego reducera, który odpowiada za logikę biznesową tego komponentu? Test integracyjny sprawdza już wszystko, a więc jeżeli ów test wykona się poprawnie to mam pewność, że reducer również działa poprawnie. Drugie pytanko jakie mam, to czy testy integracyjne mogą być długie, testujące kilka funkcjonalności, czy lepiej podzielić na
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@Sakuy: hm, jak się zaczyna od integracyjnych to faktycznie jednostkowe mogą brzmieć jakby nie miały sensu - dlatego lepiej zaczynać od jednostkowych xD
  • Odpowiedz
@Sakuy: cóż, w teorii testy integracyjne powinny testować czy 2 w pełni otestowane jednostkowo komponenty mogą zawieść gdy współpracują razem, stąd nie powinny one duplikować jednostkowych, a testować to, czego jednostkowe nie pokryją. Niestety brak mi wyobraźni żeby wymyślić jakikolwiek życiowy przykład gdzie otestowane w izolacji komponenty mogłyby zawieść gdy się je zepnie (oczywiście życiowy z kodu, nie mówię tutaj o tagu #2testyjednostkowe0integracyjnych ( ͡° ͜ʖ
  • Odpowiedz
Mircy,

Do małego projektu realizowanego „po godzinach” poszukujemy osoby, która odnalazłaby się w roli mentora.
Technologie: React.js, Redux, Firebase.
Wymiar - 1 – 2 godziny tygodniowo, 100% zdalnie.
Zakres – konsultacje podczas, których będzie możliwość omówienia projektu, code review, pomoc w zaplanowaniu dalszych działań.
KIJU87 - Mircy,

Do małego projektu realizowanego „po godzinach” poszukujemy osoby,...

źródło: comment_1587974355pHC6bqOFZCj9iP5JOHbIQx.jpg

Pobierz
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

via Wykop Mobilny (Android)
  • 0
#svelte #webdev #react #redux #javascript

Ostatnio dużo mówi się o tym, że Svelte może zastąpić np. React. Bo jest lekki itd.

Ale jak tam obsługuje się przepływ danych w komponentach? Chodzi mi o jakoś przykład np. z zagnieżdżonymi formularzami.

W
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Oczywiście można podpiąć Redux do Angular, ale nikt tego nie robi.)


@mk321: offtop, ale ngrx albo Akita czy inne tego typu libki? Raczej są dość popularne ( ͡° ͜ʖ ͡°)
  • Odpowiedz
Muszę napisać sporą aplikację internetową w tym celu chce użyć reacta i asp.net core api, ale dużo słyszałem o połączeniu reacta z reduxem. Z tymi dwiema technologiami mam prawie zerowe doświadczenie. Czy jest sens pisać aplikację react+redux czy lepiej na początku większy projekt napisać tylko z wykorzystaniem reacta?

#programowanie #webdev #react #redux
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@maestrozo: Jeżeli spora aplikacja to podepnij reduxa na samym początku. Trochę się pomęczysz na początku, ale potem oszczędzisz sobie przepisywania funkcjonalności.
  • Odpowiedz
Tym razem w ramach Prasówki Technologicznej przygotowaliśmy coś, co zainteresuje zarówno frontendowców, jak i backendowców: obszerny zbiór przewidywań developerów na temat rozwoju popularnych technologii w 2020 roku. Sprawdzimy też, czy sztuczna inteligencja nadaje się do prowadzenia sesji RPG.

-------
-> Zapisz się na mirkolistę: https://mirkolisty.pvu.pl/list/kqLmWfjCV96YaWzk
-> AlertTag: #justnewsit
JustJoinIT - Tym razem w ramach Prasówki Technologicznej przygotowaliśmy coś, co zain...

źródło: comment_1583496104XOq2AX2l2PyPGXDyafGTXH.jpg

Pobierz
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Jestem nowy w #redux. Jak poradzić sobie z wieloma instancjami tego samego komponentu, który ma w sobie logikę i nie jest 'presentional' (pisanie po polsku o progromowaniu mnie przerasta). Mam cztery zakładki z czterema tabelami, struktura wygląda tak:

Jak widać tabele mają swoje propsy, oczywiście każda przedstawia inną wartość i w tym problem. Jako, że state w storze będzie wspólny dla wszystkich tabel (bo to ten sam komponent), każda
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@JesusOfSuburbia: stan jest wspólny, ale przecież w stanie możesz trzymać n zestawów danych (1 dla każdej tabeli). Daj komponentowi Table jakiegoś dodatkowego propa, żeby wiedział który fragment stanu ma sobie wziąć i tyle. Przykładowo

state = {
table1: ...,
table2: ...,
  • Odpowiedz