@veracholera: Pewnie i tak sie to do niczego nie przyda, ale co tam...
Ja mam odwrotnie. Więcej czasu zajmuje mi napisanie czegoś na backendzie niż na froncie. I mam na to kilka receptur i metod.

1. Podejście do architektury. React = komponenty. Nie myśl o kodzie jako o aplikacji, myśl o komponentach. Piszesz na raz pojedyńczy, oddzielony od reszty komponent - również w kwestii stylowania. Staraj się nie skupiać na aplikacji,
Z jakich technologii korzystacie w pracy na codzień? Pytam, bo za jakiś czas pomyślałbym o zmianie pracy i chciałbym podbić swoją wartość na rynku w międzyczasie tworząc sobie po godzinach jakiś luźny projekt.
Znalazłem już sobie fajne API. Jak już je całe skonsumuje to zrobię swój backend w Node żeby nie tylko wyświetlać suche dane.

Aktualnie planuje bazować na:
TS, React Query
React Hook Form
Styled components
Jest, Cypress

Coś byście dorzucili/zmienili?
#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
powiedzmy, że chcę odtworzyć w #react pewną historie:
1. jasiu wychodzi z domu, w kieszeni ma 100 zł
2. idzie na metę
3. kupuje szlugi za 10 zł
4. wraca do domu

i nawigować kolejne kroki przyciskami "poprzedni krok"/"następny krok" wyświetlając aktualna linijkę historii przy pomocy usestate
oraz wyświetlać na ekranie bieżącą zawartość jego portfela

jeżeli zrobię to tradycyjną metodą to jeśli przewinę historię np z 4 do 3 i znowu do
@klamkaodokna: nie, z nomekulaturą chodziło mi o to że Ty mówiłeś od samego początku "obiekt", "model" itd. a przyjęło się że wszystkie właściwości są nazywane propsami i najlepiej oznaczać to w kodzie właśnie jako "props" pomimo że może być tam dowolna inna nazwa. Musisz po prostu zrozumieć że React wszystkie atrybuty komponentu pakuje do wspólnego worka i przekazuje jako jeden argument funkcji a nie kilka. Dając:
obie te zmienne są pakowane
@wybacz: pewnie masz je źle zaprogramowane bo taka ilość w przypadku czystego HTMLa to nic - pewnie niepotrzebnie robisz na tych polach refy/ustawiasz osobno state'y itd. Lepiej skorzystaj z jakiejś paczki np. React-Hook-Form, Formik czy jeszcze coś innego. Jak dobrze je zaimplementujesz to nie powinieneś mieć problemu z wydajnością.
via Wykop Mobilny (Android)
  • 0
@CommieDwarf: obiekt.updatedState = this, component props daj obiektState, obiekt jak mutuje to niech robi: delete updatedState / react komponent dostanie undefined, uważaj tutaj / potem updatedState = this i cacy
#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
@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.
@richr: na mniejsze części nie rozbija się tylko ze względu na reużywalność ale też żeby lepiej zarządzać poszczególnymi częściami, lepiej debugować i żeby wprowadzane zmiany miały wpływ tylko w obrębie niewielkiej części. Lepiej mieć kilka komponentów wywołanych jeden pod drugim z osobną logiką w środku niż jeden wielki komponent gdzie będziesz miał 1000 linii kodu i do tego SCSS czy co tam innego używasz na kolejne 500 linijek. Jak to porozbijasz
@richr: no to już pytanie do ciebie czy lubisz overengineering. Żaden rekruter cię nie wywali "bo nie umiesz reduxa", bardzo mało widzę projektów które realnie go używają, hajp się skończył. Już lepiej pokazać że umiesz filtry przekazać do urla albo że używasz jakiegoś react-query lub graphql które #!$%@? elementy.
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,
Pobierz JustJoinIT - Słuchajcie, słuchajcie, szanowni użytkownicy potężnego portalu Wypok.pl!...
źródło: comment_1643291943oIW5AUFsrAXB5MfSRyARI3.jpg
#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
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
@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
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
@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