Jak w aplikacji webowej zrobić dobrze przewijanie, nie chodzi mi o szczegół techniczny, a raczej architekturę. Na razie zaraz po root aplikacji mam komponent ScroolToTop, który zawsze scrolouje na górę, co każde przeładowanie, czyli kliknięcie każdego linku. Ale wtedy kiedy, nie powinno być tego zachowania, dodaje w URL parametr noscroll, ale to jakoś nie podoba mi się.

Marzy mi się w jego miejsce zrobić komponent, któremu będę przekazywał contextAPI ref do elementu,
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Zauważyliście ostatnimi czasy ogromny spadek zainteresowania programistami związanymi z #frontend i #react ?
W mojej aktualnej firmie która w większości skupia się na tych technologiach od blisko roku nie widać podwyżek oraz mieliśmy sporo zwolnień.

Mi co prawda się upiekło, ale czuję wciąż lekką niepewność i co razu wysyłam CV do różnych firm, by sprawdzić czy jestem w stanie dostać gdzieś lepsze wynagrodzenie. Widzę jednak po statystykach ogłoszeń że zainteresowanie
samsepiol - Zauważyliście ostatnimi czasy ogromny spadek zainteresowania programistam...

źródło: Screenshot_20231101_100105_com.google.android.gm_edit_421419807734654

Pobierz
  • 17
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Ja nie reactowa, ale ostatnio miałam przyjemność chwilę dłużej w Tailwind się pobawić i całkiem przyjemnie się w tym robi. Na co dzień piszę klasyczne scss w Angularze, a styled components w React strasznie mnie wkurzały.
  • Odpowiedz
  • 0
@Rufurege1: ja ogarnąłem, ale ile urw poleciało w kierunku niedorobionego server actions... jeszcze dzisiaj rano kombinowałem z jakimś workaroundem wygrzebanym z "issues".
  • Odpowiedz
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:
  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@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
  • 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