@placebo_: To co ostatnio się odpi****la w ekosystemie Reacta - ciągłe zmiany wizji czym ma być ten framework, cyrki z vercelem i ich "pomysłami" po których musisz przepisywać całe repo, powodują, że coraz częściej zastanawiam się nad przejściem na Angulara.
@placebo_: Większym problemem jest chyba kompletny brak rynku pracy w tych nowych frameworkach, no chyba, że robisz projekty dla siebie. Do Svelte raczej nie potrzebujesz aż tylu bibliotek w ramach środowiska, bo w przeciwieństwie do Reacta nie wymaga jakichś durnych bindingów do zewnętrznych bibliotek w stylu "react-chartjs-2"
Pracuje jako #frontend, czasem #fullstack w technologiach #react #nodejs #rust i zdarzy mi się, że biorę zlecenia na #stronainternetowa, które odpalam na #wordpress (wciąż szukam normalnej alternatywy). Za każdym razem, zanim coś w tym zbuduję, to się 100x zdenerwuję. Topornie to działa i praca z tym jest po prostu nudna, gdy na co dzień pracuje się z normalnymi technologiami. Ktoś tu polecał kiedyś twór o nazwie Elementor. Otóż stwierdzam, że
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,
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 jest ogromne
Pobierz samsepiol - Zauważyliście ostatnimi czasy ogromny spadek zainteresowania programistam...
źródło: Screenshot_20231101_100105_com.google.android.gm_edit_421419807734654
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.
@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".
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
@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.
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,
@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
#programowane #js #react #angular #programista15k #pracait #frontend

Czy istenieje jeszcze coś takiego jak stanowisko frontend developera, gdzie zajmuje się on głównie stylowaniem i htmlem? Pytam, bo mam wrażenie że kiedyś takie coś było. Teraz każdy frontend developer robi w jakimś frameworku, gdzie spora część pracy to pisanie logiki, projektowanie itp.
W starszych apkach typu mvc zamiast spa frontend tylko stylował i ew. pisał jakiś skrypcik?
Pomijam nadto fakt istnienia SSR i innych
@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.