Hej reactowe swiry! Mam pytanie do fluxa. Jako sama idea czy ciekawa implementacja cqrsa wszystko super. Pięknie to wyglada na slajdach i prezentacjach ale pojawia mi sie w glowie pytanie, na ktore nie moge znaleźć odpowiedzi. Jak powinien zachować sie UI gdy wywołuje akcje, która moze się przedłużyć. Może to być spowodowane przez słaby internet, obciażoną baze, cokolwiek. Czy powinien on przewidywać jaki bedzie stan po wywołaniu akcji a potem jakos to
Wszystko
Najnowsze
Archiwum
- 0
- 1
@kywmn: Po kliencie: blokujesz button za wywołaniem i czekasz na odpowiedź z serwera. Oczywiście wszystko asynchronicznie.
Na serwerze (bo klientowi nie można ufać): Usuwanie może być idempotentne albo nie. W zależności co ustalasz zwracasz odpowiednią zwrotkę i robisz update UI
To jest całkiem podstawowy flow. User klika => blokujesz (wizualnie lub w kodzie tylko) buttona lub odpowiednia cześć UI ustawiając jakiś state var isLoading => wysyłasz zapytanie do serwera =>
Na serwerze (bo klientowi nie można ufać): Usuwanie może być idempotentne albo nie. W zależności co ustalasz zwracasz odpowiednią zwrotkę i robisz update UI
To jest całkiem podstawowy flow. User klika => blokujesz (wizualnie lub w kodzie tylko) buttona lub odpowiednia cześć UI ustawiając jakiś state var isLoading => wysyłasz zapytanie do serwera =>
Jak powinien zachować sie UI gdy wywołuje akcje, która moze się przedłużyć.
@kywmn: loader, blokuje odpalenie tej samej akcji i informuje uzytkownika ze cos sie dzieje.
Czy powinien on przewidywać jaki bedzie stan po wywołaniu akcji a potem jakos to
Jest już raport z badania State of JavaScript 2020! Sprawdź, które frameworki wiodą prym, a które usuwają się w cień i czy rozwój języka idzie w dobrym kierunku.
https://bulldogjob.pl/news/1469-state-of-javascript-2020-juz-jest
#javascript #programowanie #react #angular #vuejs #typescript
https://bulldogjob.pl/news/1469-state-of-javascript-2020-juz-jest
#javascript #programowanie #react #angular #vuejs #typescript
źródło: comment_1610713999n9LhQArxGN3xzfZaexugEg.jpg
PobierzStartujemy z frontendową edycją Śniadania z Programowaniem #67. ( ͡° ͜ʖ ͡°)
Poruszymy takie newsy jak:
-> Predykcje na 2020 na Froncie
-> State of JS, czyli niejako statystyczne podsumowanie wykorzystania JS
Poruszymy takie newsy jak:
-> Predykcje na 2020 na Froncie
-> State of JS, czyli niejako statystyczne podsumowanie wykorzystania JS

Komentarz usunięty przez autora
- 2
@justjoin_it: Na predykcje 2020 moze byc juz za pozno
- 0
Szukam stron, do poczytania, w angielskim z jakimiś artykułami, ciekawostkami na temat #react #javascript #programowanie, macie coś takiego ciekawego? Oprócz medium.com
- 0
Cześć!
Ostatnio udało mi się znaleźć trochę czasu na aktualizację swojego portfolio. Przy okazji popracowałem też nad wydajnością i szybkością ładowania strony. Efekt końcowy i porady na temat tego, co wpływa na wydajność, możecie zobaczyć we wpisie na dev.to:
I've rebuilt my portfolio. Now it loads in less than 1 sec! Here's how I did it! ⚡
Dajcie
Ostatnio udało mi się znaleźć trochę czasu na aktualizację swojego portfolio. Przy okazji popracowałem też nad wydajnością i szybkością ładowania strony. Efekt końcowy i porady na temat tego, co wpływa na wydajność, możecie zobaczyć we wpisie na dev.to:
I've rebuilt my portfolio. Now it loads in less than 1 sec! Here's how I did it! ⚡
Dajcie
@Skona27: a propos portfolio - smieszne te gwiazdki mowiace o znajomosci danej technologii, git 4/5 to znaczy, ze bylbys w stanie tlumaczyc jak dzialaja internalsy gita? ( ͡° ͜ʖ ͡°) javascript prawie 5 gwiazdek, czyli nie ma rzeczy ktora cie zagnie?
- 0
@cppguy: Tiaa :) Kilka osób już zwróciło mi na to uwagę, postaram się przeprojektować to w najbliższym czasie
Twórcy React.js zapowiedzieli prace nad nową funkcję o nazwie "React Server Components". Nagrałem film (20min) podsumowujący najważniejsze kwestie i przykłady użycia. Przedstawiam też swój punkt widzenia na czy i kiedy warto po to sięgnąć.
#javascript #programowanie #frontend #react
#javascript #programowanie #frontend #react

@ArturEsportivo: Bardzo fajnie i rzeczowo podjęty temat, dzięki!
- 0
Znacie jakieś fajne strony z rzeczami zaawansowanymi z jsa, typescripta i reacta - takie senior lvl? W sensie chodzi mi o artykuły i jakieś tutoriale. Mam dosyć żmudnego przeglądania medium i dev.to, gdzie co drugi artykuł mówi o tym jak wywołać zapytanie do api, albo zmienić stan za pomocą state managera, który wyszedł wczoraj i community frontendowe już ogłosiło go redux killerem ( ͡° ͜ʖ ͡°)
#javascript
#javascript
- 1
@AntyKuc: Jeśli chodzi o materiały na poziomie senior, to raczej polecałbym Ci dokumentację do tego, co Cie interesuje.
Ja korzystam z platformy egghead, żeby z kursu załapać jakieś proste rzeczy na temat nowych technologii, a potem cisnę sam z dokumentacji. Dev.to i Medium spoko, ale każdy tam może tworzyć kontent, więc często pozostawia on wiele do życzenia. Do śledzenia nowinek technologicznych polecam Twitera.
Możesz wejść na mój profil i looknąć,
Ja korzystam z platformy egghead, żeby z kursu załapać jakieś proste rzeczy na temat nowych technologii, a potem cisnę sam z dokumentacji. Dev.to i Medium spoko, ale każdy tam może tworzyć kontent, więc często pozostawia on wiele do życzenia. Do śledzenia nowinek technologicznych polecam Twitera.
Możesz wejść na mój profil i looknąć,
@AntyKuc: Zgadzam się z tym :D Ostatnio ogarniałem sobie redux toolkita no i znalazłem tutorial i był obiecujący jak przeleciałem przez niego scrollem. Potem jak zacząłem robić okazało się że koleś o tak po prostu skończył tutorial w połowie apki XDDD
- 4
Cześć!
Tutaj wasz ulubiony fanatyk maszyn stanowych i XState :)
Ostatnio kilka osób wątpiło w sens nauki XState i wykorzystywania maszyn stanowych do tworzenia zaawansowanych aplikacji i zarządzenia stanem. Napisałem więc dość obszerny post wprowadzający w temat maszyn stanowych i wyjaśniający zalety z korzystania z XState.
Całość dostępna na dev.to. Podsyłam link:
Tutaj wasz ulubiony fanatyk maszyn stanowych i XState :)
Ostatnio kilka osób wątpiło w sens nauki XState i wykorzystywania maszyn stanowych do tworzenia zaawansowanych aplikacji i zarządzenia stanem. Napisałem więc dość obszerny post wprowadzający w temat maszyn stanowych i wyjaśniający zalety z korzystania z XState.
Całość dostępna na dev.to. Podsyłam link:
- 1
@Pesio: Jak te union buildery mogą pomóc w zarządzaniu stanem?
- 2
@GzS: Jeśli szukasz przykładu bardziej z życia, to zerknij na filmik, w którym tworzę komponent VideoPlayer z wykorzystaniem XState:
https://www.youtube.com/watch?v=ym8TQ8nLxuY&feature=youtu.be&ab_channel=JakubSkoneczny
https://www.youtube.com/watch?v=ym8TQ8nLxuY&feature=youtu.be&ab_channel=JakubSkoneczny
@zapomnialemjakiebylohaslo: WebSockets, SSE, CometD (chyba już niemodny), long polling. Poszperaj pod tymi hasłami.
@zapomnialemjakiebylohaslo: websockety?
- 0
Zna ktoś jakiś tutorial, bloga czy cokolwiek do nauki funkcyjnego React.js ? Mam wrażenie, że trudno coś fajnego znaleźć w internecie :/ Jak już to jest robiony klasami, a nie funkcjami.
#informatyka #programowanie #react
#informatyka #programowanie #react
- 2
React jest dziwny, ciągle śnią mi się Hooksy jak useState() czy useEffect()... To normalne?
Czasami przyśni mi się pomysł który na serio wykorzystuje go później w projekcie... Czy to kradzież?
#react #programowanie
Czasami przyśni mi się pomysł który na serio wykorzystuje go później w projekcie... Czy to kradzież?
#react #programowanie
- 0
Jak najprościej zrobić w reacie taką prymitywną zaślepkę "strona w budowie", ale tylko na głównej stronie? Chodzi o to żeby mógł sobie normalnie pod innym urlem z niej korzystać, ale żeby na głównej była zaślepka
#react #programowanie #javascript
#react #programowanie #javascript
#programowanie #angular #react chciałbym się nauczyć od zera któregoś z tych frameworkow, który warto? Zacząć od najnowszej wersji?
@zapomnialemjakiebylohaslo
Naucz się najnowszej.
Tak naprawdę to jeden pies czego się nauczysz.
Jedyne co widzę to na rynku i nawet w mojej robocie większe ciśnienie na Reacta.
Nie rozumiem hypa na niego. Nie mówię, że jest zły czy coś. Po prostu tego nie rozumiem.
Naucz się najnowszej.
Tak naprawdę to jeden pies czego się nauczysz.
Jedyne co widzę to na rynku i nawet w mojej robocie większe ciśnienie na Reacta.
Nie rozumiem hypa na niego. Nie mówię, że jest zły czy coś. Po prostu tego nie rozumiem.
na pracuj.pl więcej ofert jest dla angulara
@zapomnialemjakiebylohaslo: bo to legacy AngularJS od którego każdy ucieka więc szukają frajera :D
Chciałbym skorzystac z react + redux toolkit i firebase. Czy da radę połączyć to wszystko bez instalowania kolejnych dependecies jak "react-redux-firebase"? Nie chcę jakichś kolejnych 3rd party wtyczek.
#react #naukaprogramowania
#react #naukaprogramowania
- 0
@SalsaDeAmigo: chcesz całą bazę, wszystkich użytkowników, pliki i ch wie co tam jeszcze wrzucić w Reduxa czy powiesz co konkretnie i co to ma na celu?
- 0
@Krall: a ty masz o czymkolwiek pojęcie czy tylko głupie pytania będziesz zadawał? Nie, nie chcę przechowywać wszystkich danych z firebase w reduxie.
Robiąc coś lekko podobnego do wykopu, typowo pod naukę o marginalnym pewnie zasięgu, ale jednak, żeby funkcjonowało i żeby ludzie mogli dodawać treści - to musze zadbać o moderację takiej stronki? Jest to jakoś prawnie wymagane? Czy mogę sobie np. stworzyć taką czarną dziurę w d00psku internetu, gdzie każdy będzie na siebie wylewać pomyje i wymiotować innym anonom w pysk fekaliami? Jest jakiś wymóg prawny, żeby była cenzura? Czy tylko potwierdzenie 18
Komentarz usunięty przez autora
@JamnikWallenrod: proszę bardzo, jak będziesz bogaty sypnij cos:
Uwaga! Publikowane powyżej LINKI/ARTYKULY są prywatnymi opiniami użytkowników serwisu, które dodano po zaakceptowaniu regulaminu. WWW.pl nie ponosi odpowiedzialności za treść XYZ. Jeżeli którykolwiek ARTYKUŁ łamie zasady, zawiadom nas o tym używając opcji "zgłoś nadużycie".
I chyba taki duppchron w stopce czy gdzieś wystarczy
Uwaga! Publikowane powyżej LINKI/ARTYKULY są prywatnymi opiniami użytkowników serwisu, które dodano po zaakceptowaniu regulaminu. WWW.pl nie ponosi odpowiedzialności za treść XYZ. Jeżeli którykolwiek ARTYKUŁ łamie zasady, zawiadom nas o tym używając opcji "zgłoś nadużycie".
I chyba taki duppchron w stopce czy gdzieś wystarczy
Potrzebuję pomocy :(
Chciałbym napisać wrapper w #react i #typescript ale czuję się jak totalny idiota.
Stack przewalony chyba cały i dalej nie widzę nawet światełka w tunelu.
To jest mój kod w #typescript:
Chciałbym napisać wrapper w #react i #typescript ale czuję się jak totalny idiota.
Stack przewalony chyba cały i dalej nie widzę nawet światełka w tunelu.
To jest mój kod w #typescript:
konto usunięte via Android
- 0
- 0
- 4
Jak tam Mirki opinie na temat ostatnich nowości anty javascriptowych ? LiveWire (Laravel), Hotwire (Basecamp), czy też htmx. Ostatnie podrygi, czy trend ? Z tych javascriptowych, react "odpala" "Server-Components". Znowu "zwracamy" się w stronę serwera ?
#programowanie #webdev #react #vuejs
#programowanie #webdev #react #vuejs
- 1
@Hauleth: Myślę, że gdzieś po środku ta prawda jak zwykle. Ludzie już blogi, czy nawet zwykłe strony pisali w SPA, a kto nie korzystał z React albo Vue (i takie tam Angulary itd.) ten uznawany za dziada.
- 3
@rtpm: ja nie mówię, że SPA nie ma sensu, bo oczywiście, że są przypadki, gdzie ma to sens (np. GMail czy FB) ale pchanie tego wszędzie na pałę jest durne, zwłaszcza w jakichś bieda blogach, gdzie jedyne co masz to tekst. Ja swój blog ostatnio "oczyszczałem" by zobaczyć jak bardzo mogę zejść z TTI. Wg Google PageInsights nie jest źle (99 pkt na mobilkach i 100 pkt na desktopach).
- 1
Jaki jest najlepszy CSS Framework? Pewnie większość odpowie, że to zależy od projektu i będziecie mieli rację, kilka lat temu myślałem pewnie jak większość, że Bootstrap będzie mi towarzyszyć całe życie, ale już od roku nie podoba mi się styl Bootstrapa, a każdą stronę zrobioną w Bootstrapie wyczuwam na kilometr...
Ale zmieniło się wszystko jak poznałem Semantic UI, to całkowicie coś nowego i pięknego.
Każdy komponent jest przygotowany z myślą o estetykę i
Ale zmieniło się wszystko jak poznałem Semantic UI, to całkowicie coś nowego i pięknego.
Każdy komponent jest przygotowany z myślą o estetykę i
- 2
Cześć!
Wrzucam link do kursu na Udemy (mój pierwszy) na temat maszyn stanowych w aplikacjach React z wykorzystaniem paczki XState.
Link do kursu: https://www.udemy.com/course/introduction-to-state-machines-with-xstate-and-react/
Dla zainteresowanych - na priv mogę podesłać kody zniżkowe :)
Pozdro i wesołych świąt!
Wrzucam link do kursu na Udemy (mój pierwszy) na temat maszyn stanowych w aplikacjach React z wykorzystaniem paczki XState.
Link do kursu: https://www.udemy.com/course/introduction-to-state-machines-with-xstate-and-react/
Dla zainteresowanych - na priv mogę podesłać kody zniżkowe :)
Pozdro i wesołych świąt!
- 1
@Skona27: Dzięki za info. Co do kursów na własną rękę to obserwuję ten trend od pewnego czasu na różnych blogach dla programistów (celowo nie wymieniam, żeby nie robić promocji :P ) i tak się zastanawiałem co wychodzi korzystniej.
Jeśli chodzi o nabijanie subskrybentów to algorytm jest mega prosty: załóż bloga, publikuj regularnie, po osiągnięciu odpowiedniej widoczności wrzuć link do rejestracji na "darmowe" materiały, żeby zrobić sobie bazę mailingową, następnie wrzuć
Jeśli chodzi o nabijanie subskrybentów to algorytm jest mega prosty: załóż bloga, publikuj regularnie, po osiągnięciu odpowiedniej widoczności wrzuć link do rejestracji na "darmowe" materiały, żeby zrobić sobie bazę mailingową, następnie wrzuć
- 1
@Skona27:
Trzymam wszystko w cache react-swr albo react query
Pobieranie danych z serwera do komponentów?
Trzymam wszystko w cache react-swr albo react query
Logika jakiegoś skomplikowanego i wielo-krokowego komponentu? Do maszyny























Napisałem krótki poradnik na temat obsługi kilku wersji językowych w aplikacjach postawionych na Next.js
The easiest way to internationalize your NextJS application!
Wrzucam, może komuś się przyda :)
Templatka? Tfuu :D
https://github.com/Skona27/fancy-portfolio