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
  • 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
Mam aplikacje diagnoz backend i react\redux +te frontend.
Tworze formularz dodawania nowego przedmiotu we froncie i chciał bym aby w przypadku erroru zwracanego przez Api error wyświetlał się przy błędnym fieldzie w formularzu np. gdy użytkownik chce dodać przedmiot o nazwie „krzesło” i Api zwróci błąd ze przekopano takiej nazwie istnieje to żeby ten błąd wyskakiwał przy polu z nazwą w formualrzu #webdev #react #ts
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@DaxterPoker: no api powinno ci zwrócić te informacje. Zazwyczaj responsem dla non-valid POST jest obiekt gdzie kluczem jest nazwa pola, np. name a wartością tablica stringów z błędami czy coś. Jak dostajesz tylko tablicę błędów jako stringów, to albo musisz zmienić to na backendzie, albo sobie jakimś regexpem / metodą includes() w callbacku do akcji która to wysyła sprawdzać czy dany error ma jakieś słowo kluczowe, np to name.
  • Odpowiedz
@PanZiomal: Spoko, w ogólności interfejs useQuery jest sensownie zdefiniowany.

Jak robisz jakiekolwiek zapytanie w systemach rozproszonych to musisz brać pod uwagę czas odpowiedzi, jeżeli coś trwa długo to użytkownik oczekuje jakiejś indykacji że coś się w ogóle dzieje.

Jeżeli następuje błąd (sieci, serwera, cokolwiek) to użytkownik oczekuje znaczącego komunikatu co poszło nie
  • Odpowiedz
Mam taka oto dynamiczna liste w #react.

https://codesandbox.io/s/dynamic-list-forked-wv4sp?file=/src/App.js

Porblem polega na tym, ze w momencie zmiany jednostek material ui narzeka, ze wartosc z poprzedniej listy nie znajduje sie w aktualnej liscie. Naturalnie ma to sens, bo listy sa rozne. Dopiero pozniej wpada useEffect i przez setValue aktualizuje wartosc biorac pod uwage nowa liste.
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

#programista15k #dotnet #react
Panowie, mam problem i nie wiem jak go rozwiązać, do rzeczy:
Mam sobie aplikacje: MVC Core(3.1) + ReactJS
Mam też hosting współdzielony na którym zainstalowany jest tylko IIS

I teraz: z tego co wiem aby aplikacja napisana w ReactJS zadziałała na produkcji muszę dodać NodeJS(tak aby była niezależna od komponentów na serwerze) po stronie mojej aplikacji MVC Core.
  • 19
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Z tego co czytam, #react to framework typowo SPA, ale wchodząc na niektóre strony, np. tvn24.pl, Zalando, x-kom, Allegro - Wappalyzer (wtyczka do Chrome, która pokazuje wykorzystywane technologie na stronach) wyświetla że owe strony korzystają z Reacta, a SPA na pewno nie są. Ktoś się orientuje jak to jest rozwiązywane? Jest możliwe wykorzystanie Reacta z myślą o multiple page applications?

#webdev #frontend
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@peterek93: A można, jak najbardziej, jeszcze jak ( ͡° ͜ʖ ͡°) To, że na danej stronie jest używany React nie oznacza jeszcze, że działa ona na zasadzie SPA, bo obecność reacta nie oznacza jeszcze wcale routingu po stronie klienta, czy tego, że strona jest serwowana z pojedynczego pliku HTML na serwerze :)
  • Odpowiedz
@aptitude: Spoczi. Jestem nowy w Reactach, a MobX był w jednym kursie, który sobie przerabiałem - dobrze mi się z nim pracowało. Nie znam Reduxa, więc niestety nie powiem, jakie są różnice czy podobieństwa. Ale jest wygodny ;)
  • Odpowiedz
Używał ktoś paczki albo jak wyswietlic preview dokumentu w React, tak aby bylo mozna z niego swodobnie kopiować?
Iframe odpada, a paczek próbowałem z 5 i kazda miala cos co mi nie pasowało
#react #programowanie
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Korzystał ktoś w ostatnim czasie z dva dla bardziej złożonych projektów? Zastanawiam się nad wykorzystanie Ant Design Pro w nowym projekcie, a dva przychodzi w zestawie. Chyba, że znacie coś równie ciekawego w #react dla panelu użytkownika.

#reactjs #programowanie #javascript
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Od pół roku powoli przepisuję sobie swoją przeglądarkową gierkę, i naszła mnie myśl, że w sumie rynek przeglądarkowy to już przeżytek, i każdy przechodzi na platformy mobilne. Wziąłem się za zbadanie gruntu, i przeglądając dostępne opcje natrafiłem na #reactnative, a ponieważ z #react mam do czynienia na co dzień, to wydaje mi się odpowiednim wyborem. Gierka to typowy "budowlany" idle bez animacji, ruchu czy fizyki. I żeby
  • 9
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Nie. Nie zgodzę sie z Twoją opinią, tymbardziej, że nie chcesz otworzyć się z konstruktywną argumentacją swoich przekonań. Pomijam mało ambitne podejście do całości tematu, to bije w oczy brak szacunku dla własnej pracy. Pewnie jak wczesniej nie "zbadałeś gruntu" pod gry przeglądarkowe, a poświęciłeś na to zapewne kwieciście dużo czasu tak teraz oczekujesz od portalu ze śmiesznymi obrazkami, że doradzą Ci w kwestii podjęcią decyzji na czym oprzeć architekture kolejnego projektu.
  • Odpowiedz
@suweren_87: chciałem cię zbyć w delikatny sposób, ale widocznie nie załapałeś aluzji. Co więcej rzucasz mi tu gównem o otwartości na krytykę, ambicjach czy szacunku do własnej pracy bo ze swoją 10 letnią gierką chcę przejść na mobilki...???

dawno nie spotkałem tak toksycznego kolesia..
  • Odpowiedz
#programowanie #react #webdev #semanticui

Heja, mam pytanko. Tworzę sobie właśnie apkę w Reactcie, od "wyglądu" mam Semantica. Chciałbym osiągnąć efekt taki, że przy scrollowaniu porusza się tylko główny komponent (właściwa część apki), a tło (obrazek) pozostaje nieruchome. Nie za bardzo wiem jak to wpisać w google, żeby coś takiego ogarnąć - ma to swoją nazwę jakąś? Nie potrzebuję rozwiązania, jakieś hasło do Google'a mi
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

React. Jak mam iframe do renderowania dokumentow docx, a plik trzymam w reduxie to jak mam podac plik do src w iframe, skoro musze dodac 'https://view.officeapps.live.com/op/embed.aspx?src=' w src a potem do pliku.
Normalnie jak sie podaje do zdjecia to src={photo}, a tutaj jest plik i ten przedrostek
This is an embedded Microsoft Office document, powered by Office Online.
#programowanie #javascript #react
  • 9
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@Koprowy: Nie znam ich api ale zakładam, że musi być pełny adres http://test.com do pliku możliwe, że zencodowany
dodatkowo ten plik musi być prawdopodobnie publicznie dostępny i mieć odpowiednie nagłówki zwracane
  • Odpowiedz