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
kywmn - Hej reactowe swiry! Mam pytanie do fluxa. Jako sama idea czy ciekawa implemen...

źródło: comment_1611072069u14WSG08inF5cHnrQJ1IVK.jpg

Pobierz
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@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 =>
  • Odpowiedz
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
  • Odpowiedz
Startujemy 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
justjoin_it - Startujemy z frontendową edycją Śniadania z Programowaniem #67. ( ͡° ͜ʖ...
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

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
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@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?
  • Odpowiedz
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
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@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ąć,
  • Odpowiedz
@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
  • Odpowiedz
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:
  • 11
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Jak komunikować front #react z backendem #java ? w ten sposób że gdy w backendzie nastąpi zmiana w jakiejś kolekcji to taki update zostanie przesłany do front, robi się to poprzez socket server<>client z utrzymaniem połączenia, czy jakoś inaczej się to robi? chodzi mi o podgląd danych na biężaco
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

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
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

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
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

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
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@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.
  • Odpowiedz
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
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

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
  • 10
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@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
  • Odpowiedz
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
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@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.
  • Odpowiedz
@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).
  • Odpowiedz
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
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

via Wykop Mobilny (Android)
  • 3
@aptitude: nie zależy od projektu, tylko od trendów i gustu. Najlepszy to oczywiście ten, który napiszesz sam. A potem wszystko co ma material ui w nazwie :)
  • Odpowiedz
@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ć
  • Odpowiedz
@Skona27:

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
  • Odpowiedz
Mordy, chciałbym zrobić jakis większy projekt w #react W planach mam sklep, ale nie do końca wiem jak sie do tego zabrac, szczególnie po stronie backendu. To tak, jezeli chodzi o front - w jaki sposób zrobic state management w react? Wystarczą hooksy i context czy reduxa? Z tego co zauważyłem, to teraz twórcy reduxa podają tookit jako preferowaną metodę setupu. Co do backa, to lepiej zagłębić się w firebase
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

via Wykop Mobilny (Android)
  • 1
@Griffith: mogę Ci pomóc napisać backend do tej twojej aplikacji, bo właśnie uczę się NestJS. Co do reacta również mogę pomóc. Jak coś to pisz na priv.
  • Odpowiedz