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
@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ć później.
@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 :)
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:
- state ze SliceOne - będzie miał określoną wartość np. true.
- oraz state ze SliceTwo - będzie miał wartość active.

I teraz pytanie. Wysyłanie state pomiędzy
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
#javascript #pracait #pracazdalna #remote #react #typescript #redux

Możliwość pracy w pełni zdalnie. Szukamy zarówno Juniorów jak i Seniorów - wymagania i płaca jest oczywiście dostosowana do poziomu.

Widełki - 16 000 - 26 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ą radą, codzienne wyzwania, dostęp do szkoleń, uczestnictwo w konferencjach czy stare dobre CodeReview.

Po drugie TECHNOLOGIE:
Płyniemy z głównym nurtem
#javascript #pracait #pracazdalna #remote #react #typescript #redux

Możliwość pracy w pełni zdalnie

Widełki - 16 000 - 26 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ą radą, codzienne wyzwania, dostęp do szkoleń, uczestnictwo w konferencjach czy stare dobre CodeReview.

Po drugie TECHNOLOGIE:
Płyniemy z głównym nurtem frontendowym: React, TypeScript, Redux, Styled Components ...

Po trzecie SATYSFAKCJA:
Przekonanie, że to co robię
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
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
@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 się
@aptitude: #!$%@?łbyś 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
@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.
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,
@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 powinny
@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 (bo
Redux, dla mnie nie ma do końca sensu, cała idea jest super, globalny stage, ale po #!$%@? 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
@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 sposób.
@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ł
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
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 C# (WF (
@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 ( ͡° ͜ʖ ͡°)
@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.
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
@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 ( ͡° ͜ʖ ͡°)).
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ń.
Forma współpracy B2B.
Konieczna możliwość wystawienia faktury dla zagranicznej firmy.
Osoby zainteresowane proszę o kontakt na priv.

#programista15k #react.js, #redux, #
KIJU87 - Mircy,

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

źródło: comment_1587974355pHC6bqOFZCj9iP5JOHbIQx.jpg

Pobierz
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 React jest Redux i store, akcje, reducery. Nie wiem jak bez tego można zrobić cokolwiek więcej niż kółko i krzyżyk z oficjalnego tutoriala. Chodzi mi np. o formularze w realnych aplikacjach.

W
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
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
-------

#frontend

1. Analiza danych to obecnie kluczowa część aplikacji biznesowych – w końcu to na ich podstawie podejmuje się najważniejsze decyzje.
JustJoinIT - Tym razem w ramach Prasówki Technologicznej przygotowaliśmy coś, co zain...

źródło: comment_1583496104XOq2AX2l2PyPGXDyafGTXH.jpg

Pobierz
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 tabela będzie
@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: ...,
table3: ...,
}




i potem w mapStateToProps:

mapStateToProps = (state, ownProps) => ({data: state[ownProps.dataSource})
Oczywiście nazwy są z dupy i powinny być bardziej domenowe, ale chodzi o koncept