#javascript #pracait #pracazdalna #remote #react #reactnative
Cześć mirki, dla klienta szukam dwóch React Native developerów do projektu. Projekt dość ciekawy. Szukam mocnego bardzo mocnego mida aspirującego na seniora + regulara do pomocy. Klient z polski (więc nie ważny angielski) Ważna jest dostępność fulltime (godziny do dogadania) Projekt longterm min. 6 miesięcy. Stawki do 120zł netto / h b2b. Jak ktoś
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

https://codesandbox.io/s/competent-marco-kttf3?file=/src/Event.jsx #typescript #react
Mam problem z dostaniem się do danych które otrzymuję z api w pliku EventContext.tsx.
Dane przychodzą, context działa w Event.tsx, bo dla kazdego elementu jest tworzony element w react ale problem mam kiedy chcę dostać się do tych poszczególnych obiektów np chcę dodać w attrybucie key wartość id z elementu który dostałem z api i dostaje błąd: Property 'id' does not exist on type 'RootObject'.ts(2339).
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

#programowanie #react #javascript
Tak z ciekawości jakiej kolejności się trzymacie w pliku z komponentem jeśli wrzucacie tam jakieś dodatkowe funkcje pomocnicze czy rendery elementów i są to zbytnie drobiazgi aby tworzyć do tego osobne pliki. Czy główna funkcja zwracająca komponent jest u was na górze w sensie wszystkie te śmieci wrzucacie pod czy nad tę funkcję?
  • 9
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@IlllI: tu się nie zgodzę, większość linterów domyślnie ma włączone: no-use-before-defined i nie spotkałem się projektem który by to wyłączał.

To że działa, to inna sprawa, a co do renderu to... też się nie zgodzę, zjeżdzasz na sam dół pliku i masz render, zawsze na dole. Komponent może być różnej długości i nie zawsze kończyć się w "viewporcie" ;)
  • Odpowiedz
Siemanko. Zacząłem ostatnio zakolegowywać się powoli z react-testing-library i przeczesałem już chyba pół internetu a nie mogę znaleźć nigdzie satysfakcjonującej odpowiedzi na nurtujące mnie pytania. Otóż po przeczytaniu wielu postów Kent C. Doddsa (tego twórcy RTLa) oraz wielu innych wpisów/dokumentacji można wyciągnąć wniosek, żeby unikać atrybutu data-testid, no bo ideą RTLa jest testowanie na podstawie tego co widzi user. Już kombinowałem na X sposobów ale może wy mi powiecie, jaką inną
  • 12
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@pionas1337 tak, problem tego rozwiązania jest taki że jest prop gdzieś w API komponentu który docelowo nie jest wykorzystywany, dodatkowy narzut do chunk'a itd przy czym jeżeli to dla Ciebie działa i będzie Ci się chciało to pisać to spoko. Ja osobiście nie widze nic złego w data test id w HTML. Jeżeli masz problem z selektorem odpowiednim w Jest to Cypress przy E2E będzie miał ten sam problem. Wtedy ten
  • Odpowiedz
@NiewzruszonaMasa: Powiem ci tak, ja mam w programowaniu ponad 11 lat doświadczenia i przy niektórych rzeczach potrzebuję z dzień-dwa(czasem dłużej, często jakieś PoC się strzeli zupełnie przed) powalczyć z dokumentacją podyskutować z innymi devami przemyśleć sprawę i zaprojektować przynajmniej z grubsza jakiś plan. Uważam że jest to znacznie lepsze podejście niż kodowanie na żywca bo znacznie mniej problemów się zrobi czy podejmie się złe decyzje na początku które będą kosztować
  • Odpowiedz
@lobo: Problem w tym że czasem się zastanawiam czy nie kręcę się zbyt daleko od kręgu potrzebnej wiedzy. Mam tam jakiś cel - przyjmijmy to z rok żeby wejść w branżę na spokojnie ponownie, a przynajmniej spróbować. Rozminianie perfect Codu wchodzi czasem za bardzo ( ͡° ͜ʖ ͡°) - przypuszczam że w pracy też nie ma co przesadzac na ten temat.

dzięki za info :)
  • Odpowiedz
@wybacz react-dnd - najwyższy próg wejścia ale bardzo dużo możliwości
react-beautiful-dnd - nieco prostsza, utrzymywana mniej możliwości, ale za to całkiem proste api (jeszcze jak robiłem research to z tego co pamiętam ta libka nie obsługiwała kopiowania z jednej tabeli do drugiej, może coś się zmieniło od tego czasu, więc dla mojego use-case wybrałem następną)
react-smooth-dnd - najprostsza ale nieutrzymywana
  • Odpowiedz
Pytanko dla was, proszę mnie wyprowadzić z błędu.

Mam reduxa z toolkitem. Stworzone mam dwa slice: SliceOne, SliceTwo.
W nich mam reducery.
Oba slice odpowiadają za inną partie aplikacji, dlatego je rozdzieliłem.
Wraz z rozwojem aplikacji potrzebuję funkcji która się wykona tylko w momencie jak:
  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

via Wykop Mobilny (Android)
  • 0
@NiewzruszonaMasa: ale rozumiesz że nie musisz dzielić reducerów i możesz mieć jeden? Bo cały state sprowadza się do połączonego state wszystkich "slice". Nic się nie zepsuje jak w jednym masz pewne dane a w drugim inne i zawołasz np dwie akcje aktualizacji po sobie
  • Odpowiedz
Pod prysznicem wymyśliłem sposób na renderowanie długich list w #react, do których elementy są jedynie dodawane na koniec (np. scrollowanie feed) i bez użycia wirtualizacji (react-virtualized/react-window/virtuoso).

Otóż ładujemy naraz powiedzmy 30 elementów i umieszczamy je w czystym komponencie (ang. pure component), żeby przy przerenderowaniu komponentu wyżej w drzewie nie odbywało się pogodzenie (ang. reconcillation). Po 10-krotnym załadowaniu mamy już 300 elementów, ale tylko 10 porównań zamiast 300 przy ładowaniu
  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Mam dwa pytania co do #react

1. Czy jest coś jak utility classes w styled-components? Podobało mi się używanie ich w innych projektach ale teraz staram się w całości css mieć w styled-components. Tylko problemem jest to, że zamiast posiadania jednej klasy 'column' która ładnie flexem robi z elementów kolumnę to w każdym osobnym komponencie w którym chciałbym to zrobić, muszę pisać to od zera lub kopiować co wydaję mi
  • 10
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@MusiZawierac4Znaki: Z path nota wynika że context nie jest jego finalną formą. Nie zaleca się go przy częstych zmianach stanu - chodzi pewnie o kwestie wydajności. Dodatkowo użytkując go z useStatem lub useReducerem masz problem z boilerplatem ( powtarzalnością kodu ). Dodatkowo dochodzi kwestia mutowalności. Używając redux toolkita możesz jakby mutować obiekty - resztę toolkit wywołuje w swojej wewnętrznej funkcji - pamięta stan poprzedni.

Jak umiesz w context to z
  • Odpowiedz
Pytanie, jesli mam stronke i moge podejrzec w taki sposob jak przegladarka pobiera pokolei .css z poziomu przegladarki?

No chyba ze i tak bym nie zobaczył bo to React i on to spina jakos i moze wtedy jakis debug.

bo nie wiem jakim cudem te pliki css się wczytały w innych layoutach (jak coś to nie moja zmiana wiec jescze nie wiem do końca co się o------o, a też nie jestem znawca
NewBlueSky - Pytanie, jesli mam stronke i moge podejrzec w taki sposob jak przegladar...

źródło: comment_1632938911LCC5wz6WiAs80SrKCGK5b2.jpg

Pobierz
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@Tatiagla: @nightman: xDD dzieki, jak cos to problem jest taki ze react bierze wszystkie style defaultowo i je miesza. I ktos zmienil styl tagow z html zamiast zrobic wlasny styl. Nie ogarnalem bo nigdy nic nie robilem w webowce i nie znalem teorii Reacta (ze miesza te style) i szukalem problemu gdzie indziej zamaist wrzucic to w diva i zrobic nowa classa > input xD
  • Odpowiedz
Mam pytanie, jaki jest naturalny proces robienia "czystego Collapse" (itp). Akurat teraz pisze cos w React ale nie mialem z tym do czynienia, a te gotowe Collapse (itp) sprawiaja o ból głowy pod względem edycji (w sensie są proste ale jeśli chce dodać np Button z jakimis linkiem i jescze customowa funkcja ktora np przesunie mnie na poczatek strony po wejsciu przez Link to to juz dostaje w--------a).

Widziałem opcje z [open] i
NewBlueSky - Mam pytanie, jaki jest naturalny proces robienia "czystego Collapse" (it...

źródło: comment_1632784977kIENjw1nU1UWE5iGVr9FE9.jpg

Pobierz
  • 9
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@NewBlueSky: król jest nagi, dałeś się nabrać kolegom z branży którzy mieli w sobie za mało asertywności żeby przyznać że połowa dzisiejszej "inżynierii" programowania to bzdura
  • Odpowiedz
via Wykop Mobilny (Android)
  • 0
@IlllI: no najgorsza jak miales do czynienia z tymi gotowymi.

W android tez szukanie gotowych "componentow" (tych co sa w dokumentacji) to tez rak, a po kilku godzinach dochodzisz do rozwiązania typu zmien wlasciwosci widocznosci tego panelu i powinno działać xD
  • Odpowiedz
tl;dr Znajomy z Afganistanu szuka jakichś frontendowych zleceń, żeby się utrzymać po tym jak Talibowie zaczęli r----------ć jego kraj.

Może ktoś miałby jakieś zlecenia we froncie, UX lub C# (od drobnych do dużych) dla programisty z Afganistanu? Jest na poziomie między midem, a seniorem. Mówi bardzo dobrze po angielsku, jego stack technologiczny to głównie React, React Native, Angular, C#. Jakieś relikty typu jQuery oczywiście też.

Pracował głównie jako freelancer u siebie, ale po tym
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@SmutnyKowboj: Legalnie ciężko, podobno większość krajów nie wydaje wiz Afgańczykom. Najlepiej byłoby znaleźć pracę w Europie - wtedy łatwiej dostać wizę pracowniczą + firmy ogarniają wszystko co związane z przeprowadzką przez pośredników specjalizujących się w tym. Nielegalnie nie chce wyjeżdżać, a nawet jeśli to takie zorganizowane "wycieczki" do Europy kosztują nawet 10k $.
  • Odpowiedz