Mam taki komponent:
https://pastebin.com/5T0KR9NG

Chciałem przenieść to co jest między <nav>...</nav> i <main>...</main> do nowych komponentów bo planuję to rozbudować.

Mógłbym wyciąć to co jest w nav i wkleić do komponentu z nagłówkiem:
ArticlesNav ({ articles, articlesRefs, articleToLiRefs })

Problem w tym że przekazywałbym refy przez propsy a nie przez forwardRef.
Jest jakiś sposób, żeby przekazać wiele refów na raz?

#react #reactjs #javascript
  • 0
@GeDox:

Zrobiłem tak:
"articlesRefs, articleToLiRefs" to są Mapy z refami i innymi danymi.
wsadziłem je w:

const refsToForward = useRef([articlesRefs, articleToLiRefs]);

<div>
<ArticlesNav articles={articles} ref={refsToForward} />

i wewnątrz nowego komponentu sobie to rozpakowuję:

const ArticlesNav forwardRef( ({ articles}, ref ) =>
const [articlesRefs, articleToLiRefs] = ref.current;

i używam jak wcześniej.
Nie wiem czy to jest dobrze. Zawsze przez ref przekazywałem tylko pojedyncze refy.
  • Odpowiedz
@Rst00

No to wtedy zostaje "tylko" ponad 200 osób, którzy już coś potrafią. A ty musisz jednocześnie poza skillami konkurować z nimi stawką. Nadal niezbyt pocieszające ( ͡° ͜ʖ ͡°)
  • Odpowiedz
@Rst00 @Slavcel @cppguy @schriker
Kogo wy oszukujecie? Skoro polecialo 1300 cv to spokojnie 20-30 cv jest z polecenia osob ktore tam pracują. W sensie wiecie, kolega / znajomy podrzuci cv do HR

Druga sprawa nie ma opcji zeby ktos z hr przetworzyl wszystkie cv. Wezmie 200-300 wybierze z tego grupke kilku osob i czesc
  • Odpowiedz
Mam aplikację w #react, mam wiele paneli, gdzie loadery ładują komponenty dynamicznie, a więc po wyrenderowaniu widoku, wysokość strony może się jeszcze zmienić, nie ma tu zasady, zależy to od wielu czynników, zrobiłem prostą funkcje scrool to, ale react/przeglądarka się gubi, przesuwa nie tam, gdzie powinien, jak ugryźć ten temat?

czy dobrym rozwiązaniem, w przypadku react, jest używanie #id w linkach?

#javascript #webdev #css #html #programowanie
Mirki poradzcie!
Postanowiłem zostać programistą web a raczej wrócić do tego po 8 latach pracy handlu, podczas studiów robiłem strony internetowe jako freelancer, więc trochę doświadczenia mam.
Stwierdziłem jednak, że najpierw podniosę znacznie swoje umiejętności i cały rok się uczyłem, nawet po kilka godzin dziennie (od zawsze jarały mnie kompy, więc to nie było szczególnie uciążliwe).
Umiem teraz dość dobrze JS, w react, stworzyłem nawet full stackową webową appke z wykorzystanie mongodb,
  • 1
@FredOnizuka: Ahh tak to prawda! wcześniej dla testów używałem pojedynczych przypadków ala 'const productID = product[5]' i po prostu wpisanie odrazu 'product[5]' powodowało to jakiś błąd, później widocznie o tym zapomniałem. Zatem wychodzi jednak, że się znasz:)
  • Odpowiedz
Jakim cudem focus dziala roznie mimo ze kod jest praktycznie identyczny? Przyklad kodu i sandboxy pod linkiem: https://stackoverflow.com/questions/77281261/onfocus-behavior-in-react-with-tabindexed-is-broken

W przykladzie z czystym JS focus dziala intuicyjnie, najpierw jest przeniesiony na pierwszego diva i przeskakuje po kolei po elementach natomiast w drugim przypadku zapetla sie na pierwszym divie.

#javascript #reactjs #react #webdev #naukaprogramowania #programowanie
@pyroxar: odległość do jakiej ma scrollować należy obliczać nie na starcie tylko dopiero w momencie jak jest konieczność (np. po kliknięciu, po wczytaniu tych modułów itd.)
  • Odpowiedz
@pyroxar: Ogólnie do scrollowania masz scrollIntoView, ale jeżeli po scrollowaniu pojawia ci się nowy element i następuje przesunięcie to się zastanów nad odpalaniem tej metody dopiero jak wszystko załadujesz.
  • Odpowiedz
@Griffith: My mamy coś w rodzaju podziału na takie foldery:

* states - globalne stany, gdzie każdy ma swój folder, np. user, article, task, itp.
* pages - top-level komponenty z podziałem na strony + komponenty używane tylko na danej stronie, np. task-list/page.ts, task-list/components/search-bar.
* shared - jakieś uniwersalne komponenty typu toast czy button i inne gówna

Sprawdza się nawet spoko. Jak jakaś strona jest bardzo skomplikowana i potrzebuje własnego stanu
  • Odpowiedz
#programowanie #programista15k #devops #javascript #react #azure
Czy znajdzie się tutaj osoba która doradzi mi w kwestii autoryzacji z wykorzystaniem Azure AD B2C? Właściwie to chodzi mi o frontendową część tego zadania - mam główną aplikację gdzie użytkownik otrzymuje informacje do których serwisów ma dostęp - każdy z tych serwisów to osobna samodzielna aplikacja (to nie jest monorepo), do której możemy uderzyć bezpośrednio jeśli mamy link. I teraz chciałbym żeby zalogowanie w jednym
@Dominias: Jeśli dobrze zrozumiałem to chodzi ci o SSO (Single Sign On). Generalnie działa to tak, że masz dostawce tożsamości (Identity Provider) za którego pomocą potwierdzasz swoją tożsamość w przypadku Azure B2C możesz użyć kont google, ms czy Facebook. W wyniku poprawnego logowania na któreś z kont generowany jest token który twoja aplikacja musi obsłużyć. Tak długo jak token jest ważny tak długo możesz się zalogować do aplikacji/usługi skonfigurowanej do obsługi
  • Odpowiedz
Rok 2023, dopiero teraz się dowiaduje że ReactNative jest tak popularny, bo właśnie on pozwala tworzyć apki mobilne zarówno na ios i android jednocześnie.
Gdzie zaczął on być używany z 10 lat temu, co w it znaczy w poprzednim wieku. (Co śmieszne wiedziałem dobrych solidnych kilka lat temu wiedziałem do czego służy Xamarin. Kilka lat temu do czego służy Flutter (nie jestem programistą jak coś ale kiedyś pracowałem przy testowaniu)).

Czy faktycznie
Gdzie zaczął on być używany z 10 lat temu, co w it znaczy w poprzednim wieku. (Co śmieszne wiedziałem dobrych solidnych kilka lat temu wiedziałem do czego służy Xamarin.


@interpenetrate: te rozwiązania z jednej strony są popularne, bo pokusa posiadania tylko jednej bazy kodowej jest ogromna. Z drugiej strony mają sporo problemów, bo inaczej nikt nie używałby natywnego Androida/Swifta.

Kilka lat temu do czego służy Flutter


@interpenetrate: flutter to troche
  • Odpowiedz
Hej, mam takie pytanie. Uczę się Next.js i mam taką zagwozdkę.
Otóż przeszedłem z czystego Reacta na Next.js. Przyjmijmy że potrzebowałem jakiegoś state w całej aplikacji, używałem do tego ContextAPI, Reduxa albo czasami nawet bawiłem się w props drilling i było spoczko. A jak mogę to robić w Next.js, aby zachować SSR, SSG?
Jakoś moja głowa nie może tego ogarnąć. Gdzie mogę trzymać taki state albo dane do których muszę mieć wszędzie
Witam, od kilku lat wraz ze wspolnikiem rozwijam duzy system klasy CRM (od zarządzania kontaktami, po faktury i serwis, moduly szkoleniowe itp.), jednak nie wiem jaka bedzie jego dalsza perspektywa, a zarobki w IT są bardzo kuszące. Aktualnie korzysta z niego kilkanaście firm. Nie mam innego komercyjnego doświadczenia poza byciem wspolwlascicielem firmy i tego systemu (strona techniczna cala po mojej stronie).

Napisalem tam frontend w JS i jQuery, a jako backend PHP.
S______n - Witam, od kilku lat wraz ze wspolnikiem rozwijam duzy system klasy CRM (od...

źródło: 5cfa5e4aaf0ff_o_large

Pobierz
@S______n: doucz się frameworków, dobrych praktyk, zrób kilka projektów w nowych frameworkach, jakieś bazy danych, sql, trochę devops no i ofc angielski. z opisu wynika, że sporo ci brakuje, pewnie ze 2k godzin na to zejdzie i potem będziesz mógł startować na juniora.
  • Odpowiedz
@S______n bez zobaczenia kodu można tylko gdybać, ale na podstawie phalcona i jQuery wnioskuję, że masz szansę na zaimponowanie pracodawcom, którzy akurat szukają szambonurka do ciężkiego legacy
  • Odpowiedz
#programowanie siemka, dostałem propozycję pracy i mam wybrać sobie sprzęt do pracy - robię #frontend, w sumie to będzie #react lub #vue.
Całe życie na Windzie z krótką przerwą na Linuxie. Nie ma tam za duzo programistów, wiec nie będę się sugerował na czym reszta pracuje, co byście wybrali, laptop z Windą czy mac?
Taguję jeszcze #programista15k bo prawie sięgne
@saligia: każdy kto wybiera windowsa to podkuc. mac łączy unixa oraz użyteczność, odpalisz bez problemu skrypty shellowe, masz dostęp do brew, a jednocześnie działa to sensownie. Poza tym iterm, czy warp robią bardzo dobrą robotę. To standard w każdej normalnej firmie
  • Odpowiedz
Stworzyłem grę w piksele, ale mam mały problem z pixelami.

Zobaczcie sami: https://cubes.fly.dev/

mój problem na pewno leży w tej funkcji, która potem wysyła koordynacje do serwera przez WS
cała gra działa dobrze, ale jak zauważycie jak klikacie prawym przyciskiem myszki nie zawsze trawia w ten piksel jaki chcecie.
Już próbowałem dodawać i odejmować od offsetX i offsetY ale najlepiej działa jak odejmuje -1 od każdego, ale nadal słabo, jak zrobić lepiej?
Mireczki mam doświadczenie z angularem, a teraz próbuje nauczyć się myślenia reactowego z nextjs i zastanawiam się jak podchodzicie do sytuacji gdy macie 3 komponenty + parent.

Parent trzyma: filtry + view + editor

I teraz jak przekazujecie informacje z filtrów do edytora w momencie gdy jest ich ogrom, trzymanie funkcji pośredniczących w parencie wydaje mi się trochę nieporęczne bo tylko będą się wywoływać i tyle - takie przelotki.

Oczywiście te filtry
  • 1
@kolargolo: o tym, że context rerenderuje to jeszcze nie wiedziałem, ale samo sterowanie contextem jest niewygodne dla mnie więc przynajmniej ominę te bolączki.
Dzięki mirek za porady.
  • Odpowiedz
@Volantie: generalnie unikaj UDEMY ale Maximilian Schwarzmuller to jest kot niesamowity! I polecam kupić ci najpierw od niego kurs Javascript a potem Reacta, koszt jakieś 100-120 zł za dwa kursy, ale warto.

W kursie totalnie podstawy podstaw reacta, potem musisz i tak samemu sporo kodzić żeby wbić na poziom "średniozzawansowany", najlepiej w realnym projekcie. Backendu się łatwiej nauczyć niż frontendu
  • Odpowiedz
#programowanie #programista15k #react #next #javascript #typescript

Jakiej struktury katalogów i plików używać w projektach React aby było to pro i było akceptowane przez rekruterów / ludzi którzy robią review kodu?

Jako że aplikuję aktywnie na stanowisko Frontend/Backend/Fullstack spotykam się z review mojego kodu i często dostaje info że struktura folderów i plików mogła by być inna. Chciałbym w końcu dopracować swoje umiejętności aby zdobyć pracę i wiedzieć kiedy i gdzie i jak
często dostaje info że struktura folderów i plików mogła by być inna


@cr6d: typowy dogmatyzm, pewnie reviewer mial inna strukture na kursie udemy z ktorego sie uczyl
  • Odpowiedz
@cr6d: jak odrzucają przez takie gówno to chyba lepiej tam nie pracować XD przecież dostosowanie się do struktury stosowanej w projekcie to jest 5 minut, patrzysz i robisz analogicznie
  • Odpowiedz