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:)
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.)
@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.
@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
#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
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
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
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
@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
#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
@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.
Cześć, stworzyłem aplikację webową React + TS + Vite dla firmy znajomego. Chciałem zapytać jaki będzie najłatwiejszy sposób zahostowania tego? Polecacie jakiś hosting? Wcześniej jedynie hostowałem apki na netlify czy vercelu, gdzie polegało to jedynie na połączeniu repo na githubie. Chciałbym, żeby cena była z gór za rok, a nie liczyła się na podstawie odwiedzin strony.
#programowanie #react #hosting
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
@ujdzie: Oczywiście, rozumiem Twoje obawy i potrzeby. Wydaje się, że masz kilka opcji, zależnie od skomplikowania Twojego projektu i wymagań.

1. Jedna Duża Aplikacja JS: Możesz stworzyć jedną dużą aplikację (np. w Vue.js lub React), która będzie obsługiwała różne części Twojego systemu. Za pomocą routingu i dynamicznego importowania możesz kontrolować, co jest ładowane na różnych stronach. To pozwoli Ci na utrzymanie spójności i wykorzystanie wspólnych komponentów.

2. Wielokrotne Małe Aplikacje