#react #typescript #javascript #programista15k
Piszę aplikacje w typescript/react i mam problem w pewnej sprawie.W pliku App.tsx mam useReducer oraz context w ktorym jest state z usereducer i dispatch którego uzywam w pliku ModalEdit.tsx. Problem polega na tym ze w pliku modaledit kiedy uzywam dispatch (jest podpiety pod button z metoda handleSubmit) nie wiem jak przechwycic id elementu który jest w tablicy ktora jest wlasciwoscia state. Po prostu chce w tym pliku edytowac
@papryczekNaBombach: o proszę tylko nie on, kiedyś próbowałem go użyć ale nie dość, że trzeba zapamiętać pełno nazw klas aby w miarę szybko w tym pisać, to ultra zajebiście nieczytelny robi się cały jsx. To tak jakbym bezpośrednio "style" używał zamiast klas

Ogólnie nie polecam mocno
  • Odpowiedz
@HivPositiv: akurat CSS Modules jest chyba najbardziej czytelny. Masz ładne rozbicie na plik jsx/tsx i scss. Zainstaluj sobie paczkę classnames to będziesz mógł robić np.

className={classnames("row", {
'free': isFree,
'taken': !isFree,
'selected': isSelected,
[styles.commonItem]: isCommonItem
})}

itd.
  • Odpowiedz
Słuchajcie, słuchajcie, szanowni użytkownicy potężnego portalu Wypok.pl!

Na rozkaz wielmożnego działacza społecznego Pana Jurka Owsiaka, ogłasza się, co następuje...

No dobra, może z nieco mniejszym patosem ( ͡° ͜ʖ ͡°) 30 finał Wielkiej Orkiestry Świątecznej Pomocy coraz bliżej, dlatego czujemy się zobowiązani, aby coś z tej okazji zmalować.

Doskonale zdajemy sobie sprawę, że prócz porządku w dokumentacji, świat IT ceni sobie przestrzeń dookoła swojego miejsca pracy. Regulowane biurko,
JustJoinIT - Słuchajcie, słuchajcie, szanowni użytkownicy potężnego portalu Wypok.pl!...

źródło: comment_1643291943oIW5AUFsrAXB5MfSRyARI3.jpg

Pobierz
#anonimowemirkowyznania
Hej, od kilku miesięcy uczę się technologii frontendowych (HTML, CSS, JS, TS, powoli zbliżam się do Reacta), ale szczerze mówiąc wydaje mi się, że tego nie czuję. Mówiąc konkretniej męczy mnie opracowywanie wyglądu strony, później układanie tego w HTML i CSS. Niby fajnie, bo mamy efekt wizualny naszej pracy, ale i tak, szczególnie, że nie mam takiego wyczucia designerskiego. Najlepsza zabawa dla mnie zaczyna się dopiero przy zastosowaniu JS'a (czyli no
mody na frontend


@marcin99b: $$$

ogólnie to na froncie robi się troszkę bardziej programistycznie, kiedyś to przesuwali kwadraty w przeglądarce, a teraz muszą zaciągać dane z api, obrabiać dane z api, wyświetlać je, myśleć nad architekturą, bo też są reduxy, localstorage, #!$%@? muje, co gdzie wsadzić

ja frontem zostałem po byciu embedowcem w C, i hobbystycznym pajtonowcem. próbowałem wielu gałęzi programowania i ta wiedza się przydaje na froncie jednak
  • Odpowiedz
Witam,

Nie mogę znaleźć odpowiedzi.

Redux, a raczej thunk action.

Załóżmy że mam thunka. Potrzebuje fetchować dane oraz zrobić obsługę błędów w reduxie. Dane #!$%@? i ustawiam na state.
Wszystko cacy gra, actionCreator działa i ogólnie git.

A teraz druga opcja:
Podobny thunk, ale który nie ustawiamy mi zwróconych danych na reduxState poprzez dispatch(action.setData) <== np.
Tylko robi coś innego. A dodatkowo chcę zwrócić dane z fetch poza swój Thunk.

Jeśli thunk
@scorpio18k: W zasadzie nie ma prawdopodobnie się pomylił gdyby zwracał tego fetcha to by miało sens więc pewnie tego nawiasu klamrowego za => miało nie być
  • Odpowiedz
@wybacz: No w tym wypadku ten async nie ma znaczenia bo funkcja jest wywoływana synchronicznie i bez czekania na jej rezultat więc czy tam jest czy nie ma nie zmienia nic.

async zyskuje na znaczeniu tylko gdy:
-przekazujemy go do funkcji która oczekuje promisa
-operujemy na niej jak na promisie
-czekamy aż rzeczywiście się skończy (nie ten wypadek bo ona nie czeka na nic)

Gdyby twórca kodu zmienił logikę i w
  • Odpowiedz
Witam mam pytanie.

Mam duży komponent podzielony na mniejszy. Tablica drag / drop - coś ala trello - mniejsza z tym.

Używam useState bez contextu.

mam funkcję która usuwa item. deleteItem(itemInd, colInd) => { body function }

w funkcji deleteItem używam destrukt żeby podmienić state, oczywiście niemutowalnie.

Komponent podzielony jest na 3 mniejsza - w przypadku mojego problemu taka wiedza wystarczy.

Board > column > item w Board jest jakiś wbudowany context
doszedłem do wniosku że jak mam mieć kilka callbacków do np:
- usuwania
- dodawania
- filtrowania
- i innego ....

do robienie tego choćby bez contexu robi mega syf. Albo ja źle piszę.

OFC komponenty funkcyjne.
  • Odpowiedz
@scorpio18k: @patrolez: @veracholera: rozwine sens @moj_wykopowy_login:

nie łąduje się reacta /angulara do django bo wyglada to wtedy tak:
reverse proxy (appache/nginx)<=>uwsgi/gunicorn <=>django app serwujace reacta
zamiast tego sie robi:
reverse proxy (appache/nginx)<=> pliki statyczne react

w wariancie z django nam dochodzi jakies uwsgi i wywołanie django do stacku (htmle), co zajmuje cenne cpu a w efekcie$$, niby to tylko dodatkowe 30 ms ale pomnozcie sobie je nawet przez
  • Odpowiedz
@NiewzruszonaMasa: Wiadomo, dobre kursy też są. Co do frontend masters to IMO najlepsze kursy dla frontu w necie, problem jest taki, że trochę drogo, ale jak masz budżet szkoleniowy w pracy to polecam subskrypcje na rok.

W sumie nie wiedziałem, że kurs React Native jest na FE masters, chyba znalazłem zwycięzcę ( ͡° ͜ʖ ͡°)
  • Odpowiedz
mam folder "utils" i w nim ze 100 roznych plikow robiacych rozne rzeczy (hooki, formatowanie stringow, spore helpery), na jakie mam to foldery podzielic? na pewno jeden pomysl to "hooks", a wy jak zazwyczaj to dzielicie?

#react #javascript
@wybacz: tak jak napisałeś i kończę z dużą iloscia folderow, no może biblioteka od haszowania ma sporo plików

hooki napewno do dooks i per plik zaleznie od tego co wykonuja
  • Odpowiedz
#php #js #praca #pracbaza #pracait #pracazdalna #react #flutter #vue

Cześć to znowu ja ( ͡° ͜ʖ ͡°) Nadal szukam programistów na stanowiska PHP/JS(Flutter,React,Vue) developerów ALE innymi devami również nie pogardzę, wymieniłem takie najczęściej w których działamy.
Jakie wymagania?
Aby te 3 lata expa komercyjnego było na karku, możliwość B2B lub UZ, Angielski najlepiej na poziomie B2
Jakie stawki?
od 90 do 150 zł netto / h + VAT
Zrobiłem w cmd:
npm install react-router-dom

I się pokazało:
8 moderate severity vulnerabilities

no to wpisałem:
npm audit fix --force
tak jak cmd kazał, i wyskoczyło:

135 vulnerabilities (122 moderate, 12 high, 1 critical)

to znowu npm audit fix --force
i wtedy:
8 moderate severity vulnerabilities

i tak dalej na zmianę. Tzn. raz wyskakuje 8 moderate severity a kolejnym 135 vulnerabilities

Nie przejmować się?
Ogólnie react działa. O co w ogóle chodzi?
#anonimowemirkowyznania
Hej Wam,

uczę się Reacta i chciałem się zapytać jaka jest idea npm audit fix i pokazywanie się listy vulnerability? Ostatnio szedłem z kursem na Youtube od kanału Traversy Media i po instalacji ikon 'react-icons' w wersji '4.3.1' wyskoczyła mi lista podatności z czego wszystkie były na low oraz moderate.

Czy z góry mam zakładać, że są to wirusy czy jest to po prostu informacja dla użytkownika? Czytając na szybko internety,
@AnonimoweMirkoWyznania: to po prostu oznacza że wykryto w paczce lub jej zależnościach błąd, który w zależności od statusu (low, moderate, high, critical) należy poprawić jak najszybciej (najczęściej po prostu aktualizując paczkę do najnowszej wersji).
  • Odpowiedz
Witam ( ͡° ͜ʖ ͡°) Pytanie mam do wyjadaczy, bo napotkałem problem.

React Router:
Przypuśćmy że drzewo wygląda tak:


}>
} />
{!currentUser && } />}
} />
} />

} />

Layout zawiera navigation bar. Przypuśmy że klikając na jakiś button z navki => która jest w Rodzicu Layout. Chcę by odwołał się do jakiegoś elementu z Router AppPage. Da się przekazać jakiegoś refa między Routerami ?
@zackson: Zadam trochę inne pytanie, bo Router przerobiłem trochę za szybko zacząłem pisać kod i byłbym w dupie. Mam patern na Router.

Moje pytanie: jak przekazać refa z InfoSection. Dokładnie Refa danego obrazka. Ref ma być przekazany do komponentu FullAppComponent gdzie po naciśnięciu buttona wew robi mi scrollTo na refa.

Niby proste a nie działa. Normalnie propami przekazałem refy, ale zwraca mi refa undefinied.

Czy to kwestia montowania komponentu ? Czy
  • Odpowiedz
@NiewzruszonaMasa: Ja pierd.................... ( ͡° ͜ʖ ͡°)( ͡° ͜ʖ ͡°)

Jedno piwko wystarczyło żeby mnie zdekoncentrować totalnie.
ref spropagowany do customComponentu, musiał iść jeden child deeper :)

Dodatkowo używałem custom hook useInView => do intersectionObservera robiłem go na [ref,inView] i jeszcze konfikt miał :) pewnie VSC ciągnął po refie z destrukcji
  • Odpowiedz