#webdev #react #typescript
Mam formularz, którego state trzymam w zmiennej o typie FormData (przykład na obrazku). Gdy użytkownik wypełni formularz, przejdzie walidacje, to wtedy mogę utworzyć nową zmienną o typie ValidFormData i przesłać ją dalej, ponieważ po walidacji mam pewność, że wartości tego formularza nie są puste.
Co robicie w takim przypadku? Jakie macie sposoby, aby po walidacji stworzyć nową zmienną o typie ValidFormData?
Oczywiste,
Alodnog - #webdev #react #typescript
Mam formularz, którego state trzymam w zmiennej...

źródło: comment_1641471497nmCQfy1bWdGmUouAaGuZiH.jpg

Pobierz
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Mireczki pytanko szukam dobrego serwera VPS pod stronę z wyszukiwarką mieszkań - technologia react + node.js + baza mongodb.

Czy polecacie iść w AWS'a? Czy lepiej coś mniejszego na początek? Chciałbym iść w dedykowany serwer, żeby móc go później skalować. Na pewno punktem na + byłaby duża pojemność, ponieważ będzie na nim sporo zdjęć ofert mieszkań.

#mongodb #nodejs #programowanie #startup #react
  • 14
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Tak wiem. W dokumentacji Reacta pisze jak byk żeby wydzielać / dzielić komponenty na mniejsze.
Macie jakiś limit ? Jak sobie radzicie z prostymi formularzami ?

Chodzi mi o formularze bez użycia custom libek. 200-300 linijek kodu na komponent / prostego formularza to dużo. Piszę o tu o samym pliku js bez stylowania.

Wew formularza mam textArea z 2 buttonami funkcyjnymi i jednym zależnym odState / show / hide. Mógłbym spokojnie go wydzielić do
  • 8
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

konto usunięte via Wykop Mobilny (Android)
  • 1
@NiewzruszonaMasa: hooka, gdzie mam wspólna logikę inputów, walidację, zachowanie się inputów na blura, przepuszczanie formularza albo nie - tak jest bardzo czysto, cały formularz to tylko parę inputów i kod jest czytelny.
  • Odpowiedz
#javascript #react #reactnative

Pomozcie Mirki jak według was robią te profile na social mediach typu TikTok Instagram? Na gorze ekranu macie info o userze z klikalnymi linkami a pod spodem zaczyna się widok z tabami a w nich prawdopodobnie są flatlisty kontentem. Gdy zaczynamy skrollowac kontent to info o userze się chowa ponad viewport i zostają taby z kontentem. Próbowałem headerlistcomponent albo padding górny w innercontainerstyle
  • 11
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Załóżmy taką sytuacje, że chce pobrać wszystkie rzeczy z API, ale API nie ma żadnego endpointa na pobranie wszystkiego, w dokumentacji widzę, ze można pobrać rzeczy po kategoriach i można zobaczyć listę kategorii. No to napisałem taki kod:
https://pastebin.com/3tLqZDEd
Czy można to tak zrobić? Sprawia wrażenie trochę przekombinowanego, ale działa.
#javascript #programowanie #react
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

via Wykop Mobilny (Android)
  • 2
@pyroxar: a co masz na myśli "standardowa metoda"? Użyj "fetch" albo jak chcesz coś bardziej rozbudowane to "axios"
  • Odpowiedz
Pytanie do osób które korzystają z framerMotiona.

Kilka animacji na jednym komponencie. Przypuśćmy że:
1. Button wjeźdza z y: --- na y 0. jakaś tam animacja wjazdu
2. Kiedy już wjechał - odpala się kolejna animacja infinity / yoyo z lekko falującym buttonem.
3. Kiedy użytkownik kliknie na niego, lub jakiś zewnętrzny state z reduxa się zmieni - przestaje falować i dodaje kolejną animację.
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Mam pytanie do osób z branży. Jak np taka świeża dokumentacja reduxa - która rekomenduje rożne kwestie związane z porzucaniem class komponentów / connect / props - dispatch to state. To wszystko na rzecz nowych hooków / toolkitów itp, ma się do rzeczywistości ?

Raczej używam świeżych rzeczy, tworząc projekt / ucząc się, ale ostatnio wpadły mi arty eriksona - takie pierdy z dokumentacji o enkapsulacja Reduxa i ogólnie jak projektować modułowo aplikacje.

Na
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Chcę stworzyć tabelkę, która w kolumnach będzie zawierać inputy i będzie można edytować dane z BE. Problem mam taki, że tych obiektów mogą być tysiące, a po zmianie danych w inpucie robienie setState na tym ogromnym obiekcie ścina pc-ta. Jaki jest najlepszy sposób na modyfikację tych danych? #naukaprogramowania #react #javascript
  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Mam głupie pytanie ( ͡° ͜ʖ ͡°)

Mam jakieś demo które używa prostego "backendu" na firebase.
Jest cały auth, i prosty realtimeDatabase. Wiem że są reguły w firebase. Reguły użytkowników żeby zapisany np json
nie został nadpisany przez inną osobę. Taką
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Cześć, zrobiłem sobie stronę: django + react + rest api z django resta
Komponenty sobie renderuje w template django (hybrid app), no i mam sobie formularz, który wysyłam postem i zawiera on user.id
Jak to zabezpieczyć? Przecież ktoś może zmienić w kodzie js user.id i wysłać za innego użytkownika. Używam sobie session auth, wiec miałem pomysł, żeby zrobić endpoint zwracający user.id, ale sam nie wiem.
#programowanie #django #
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@veracholera: Tak, chcesz mieć single source of truth także backend powinien być zabezpieczony przed manipulacjami ze strony użytkownika, na frontendzie nie zawsze jest to możliwe.

Ale z drugiej strony jeżeli nie przewidujesz użycia tego API z ID innego usera, to po co w ogóle user.id przekazywać? Możesz je zwyczajnie z contextu wyciągać.
Np. widok edycji profilu. Każdy użytkownik będize edytował tylko i wyłącznie swój profil
  • Odpowiedz
@veracholera: Jak masz oauth i token JWT to mozesz przekazac z backendu middlewarem ten token i sprawdzic czy jest walidny oraz kto jest uzytkownikiem, a user.id w ogole nie podawac z frontu i go nie akceptowac. Tym sposobem masz pewnosc ze tylko zalogowany user bedzie cos tam edytowal.
  • Odpowiedz
Polecacie jakieś firmy posiadające projekty ze stackiem Java (lub coś na JVM) + React szukające juniora (taklego już z doświadczeniem)? Tak mi się ten React podoba, że ja nie moge, ale w zasadzie króluje combo Java + Angular (pracowałem w tym i było mniej przyjemnie).
#react #programowanie #programista10k
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@PortowySzczur: a pieniężnie jak to wychodzi? ja mam 1 rok exp, 10 miesięcy januszsoft, reszta korpo - porównanie jest takie, że to samo było w januszsoft, za 1/3 stawki i 3x roboty ( ͡° ͜ʖ ͡°) jak coś to jestem ambitny i lubie sobie pokodować coś ciekawego
  • Odpowiedz
via Wykop Mobilny (Android)
  • 0
Muszę odinstalować dużo paczek określonych w projekcie i każdą zainstalować we wcześniej wersji.

Da się to jakoś prosto zrobić?

Normalnie wywaliłem npm modules i package lock i potem zrobiłem npm install w projekcie. Problem w tym, że npm list pokazuję wersję pączek nowszą. Globalną. Nie tych paczek i ich wersji w package.json

Lokalnie
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

via Wykop Mobilny (Android)
  • 0
Jak działa npm update? Mam w projekcie zadeklarowane paczki z ich wersją. Jak mogę sprawdzić czy wyszły nowe wersje tych paczek i chcę je bez ręcznego zapisywania w pliku package.json zaktualizować do najnowszych.

#webdev #programowanie #programista15k #react #npm
  • 11
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

robię własnego stora stanów w javascripcie, taki własny mini redux.
czy musi konieczne wg Was być on thread-safe, jeśli chodzi np. o operacje aktualizowania/dodawania stanu czy nie musi?
#javascript #react
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@Alodnog: z. Jak wyszukuje po nazwach plików to od razu widzę który plik chcę otworzyć, zamiast mieć 10 plików o nazwie "Form" i musieć wczytywać się w ścieżkę (która czasami nie jest w całości widoczna)
  • Odpowiedz
@Marmite: @yupitr: To mój główny argument za używaniem "z", łatwiejsze wyszukiwanie plików i przeglądanie otwartych tabów. Ale jak popracowałem trochę na "bez" to przyzwyczaiłem się do patrzenia na ścieżki. I jak używałem "z" to czasami nazwy plików robiły się takie długie, że traciło to na czytelności moim zdaniem
  • Odpowiedz