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
  • 9
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

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
  • 10
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Mam kod który scroluje do elementu po id.

Sęk w tym, że niektóre komponenty ładują się dynamicznie, i zwiększają wysokość całej strony po powiedzmy 5 sekundach, a wtedy funkcja scrolująca robi byki i po prostu nie trafia w cel, nie wiem jak to ugryźć.

#react #webdev #css #javascript #programowanie
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@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
Przeglądam dokumentację redux toolkit, ale nie rozumiem proponowanej struktury folderów. Co miałoby się znajdować w "features"? slice + wszystkie komponenty korzystajace z niego? Co w przypadku, kiedy komponent korzysta np. z dwoch slice? #react #redux #frontend #programowanie
  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@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
  • 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
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@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
  • 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
  • 6
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

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
  • 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 dostęp, bo
  • 6
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

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. Z
S______n - Witam, od kilku lat wraz ze wspolnikiem rozwijam duzy system klasy CRM (od...

źródło: 5cfa5e4aaf0ff_o_large

Pobierz
  • 25
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@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
  • 18
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@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.
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

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
  • 6
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

  • 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
Treść przeznaczona dla osób powyżej 18 roku życia...
  • 9
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

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
Cześć Mirki,
Mam do wydania budżet szkoleniowy i zastanawiam się czy warto robić jakiś certyfikat / kurs związany z #dotnet #csharp lub #react #javascript. Mam prawie 2 lata expa. Myślałem o #azure ale to bardziej trąci adminem niż #webdev. Na konferencję (np. .NET Developer Days) niestety nie mam zgody :/ Macie coś do polecenia?

#programowanie
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@pablojakub: Azure to bardziej rozwiązania architektoniczne(np service bus, cosmos, adf, azure table) niż webdev a tym bardziej niż admin. Wiadomo są aspekty konfigurowania ale to API czy inne aplikacje tez musisz konfigurować. Wg mnie jak coś robić to własnie coś chmurowego. Pobawić się tymi technologiami, zrozumieć ich działanie, to w jakim języku będziesz z tego korzystać to twoja własna sprawa.
  • Odpowiedz
Odziedziczyłem aplikację legacy (MPA) w pehapie (jakieś antyczne symfony). Na niektórych jej podstronach potrzebuję stworzyć mini aplikacje w JS. Wiem, że mogę to ogarnąć bez kompilacji, podpiąć skrypt vue/vendor i klepać vanilla js, ale w dłuższej perspektywie to ma więcej wad niż zalet, bo nie daje dostępu do nowoczesnych narzędzi (zwłaszcza TS).

Robić jedną aplikację, łączyć to z każą ze stron i jakoś na podstawie zmiennych modyfikować co wyświetla, czy da się
ujdzie - Odziedziczyłem aplikację legacy (MPA) w pehapie (jakieś antyczne symfony). N...

źródło: obraz_2023-08-11_160357798

Pobierz
  • 6
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@ujdzie: Nie ma za co! Jeśli masz jeszcze jakieś pytania czy wątpliwości, daj mi znać. Powodzenia z projektem! :D (Użyłem emotikona, ponieważ Ty również użyłeś, mam nadzieję, że to w porządku!)
  • Odpowiedz
Mam formularz z 3 przyciskami:

<form onSubmit={ (e) => handleSubmit(e) }>

<div className={ style['form-field-container'] }>

<input autoFocus


/>
  • 23
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach