Kto uczy sie Reacta teraz? Jedziemy #react #programowanie
Wszystko
Najnowsze
Archiwum

tomaszs
- 0


ly000
via Wykop- 2
mam nadzieję, że nikt, bo to najgorszy możliwy wybór pod kątem znalezienia pracy
- 0
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
czy dobrym rozwiązaniem, w przypadku react, jest używanie #id w linkach?
#javascript #webdev
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
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
> naukaprogramowania
> slepauliczka
zgadza się
Jakim cudem focus dziala roznie mimo ze kod jest praktycznie identyczny?
@slepauliczka: ten kod wydaje ci sie identyczny, react duzo robi pod spodem wzgledem eventow
- 0
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
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
@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.
- 0
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
@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
* 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
- 1
@Kresse: wyglada na strukturę podobną do takiej, ktora zawsze uzywam, tylko inne nazwy folderów.
- 0
#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
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
@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
konto usunięte via Wykop
- 1
Treść przeznaczona dla osób powyżej 18 roku życia...
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. 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
konto usunięte via Wykop
- 0
@interpenetrate: A to nie, React RN nie ma tutaj znaczenia, jest lipa trochę na rynku i tyle. Myślałem że masz na myśli problemy jakości/wydajności.
- 1
Korzystał ktoś z react native sticky parallax header? nie działają mi te przykłady z dokumentacji a chciałem proste zwijanie headera zrobić #propgramowanie #react #programista15k
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
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
@Poli_Monoteista: wiekszosc libek, ktore trzymaja stan, beda wspierac cachowanie rowniez na serwerze. Chociazby react-query :)
@Poli_Monoteista: bo to dodali jakos niedawno :D
- 1
React Released New Typescript Documentation
https://tomaszs2.medium.com/react-released-new-typescript-documentation-d87e9cfe0454
https://react.dev/learn/typescript
#typescript #react
https://tomaszs2.medium.com/react-released-new-typescript-documentation-d87e9cfe0454
https://react.dev/learn/typescript
#typescript #react
źródło: sketch1695334106932
Pobierz- 3
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
Napisalem tam frontend w JS i jQuery, a jako backend PHP. Z
ź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.
@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
- 0
Czy w react jest jakiś kilerski hack, żeby pojedyncze literki, były przenoszone do nowej linii?
Pliki z tekstem angielskim/polskim mam w plikach zewnętrznych json.
Ładuje je do aplikacji przez system tłumaczeń.
#html #css #react #programowanie #webdev #javascript
Pliki z tekstem angielskim/polskim mam w plikach zewnętrznych json.
Ładuje je do aplikacji przez system tłumaczeń.
#html #css #react #programowanie #webdev #javascript
- 1
#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
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 wziąłbym win bo nienawidzę maca i jego zamkniętego środowiska + windowsa możesz zamienić na linuxa bez problemu
@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
- 1
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.
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.
- 0
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
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
- 2
Treść przeznaczona dla osób powyżej 18 roku życia...
konto usunięte via Wykop
- 6
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
Treść przeznaczona dla osób powyżej 18 roku życia...
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
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
@pablojakub nie warto
@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.
- 1
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ę
Robić jedną aplikację, łączyć to z każą ze stron i jakoś na podstawie zmiennych modyfikować co wyświetla, czy da się
źródło: obraz_2023-08-11_160357798
Pobierz- 0
Mam formularz z 3 przyciskami:
<form onSubmit={ (e) => handleSubmit(e) }>
<div className={ style['form-field-container'] }>
<input autoFocus
/>
@pyroxar tamt wałkowany setki razy, użyj opcji szuakj, zamykam
Treść przeznaczona dla osób powyżej 18 roku życia...
- 1
Jak mogę stylizować ten dymek podpowiedzi (autofill) przy input? żeby był tak szeroki jak w google. Ale wiem, że oni mają normalnie diva z ul...., więc nie wiem czy się da.
#css #react #javascript #html #programowanie #scss #programowanie #programista15k
#css #react #javascript #html #programowanie #scss #programowanie #programista15k
źródło: troluje
Pobierz@pyroxar: https://css-tricks.com/almanac/selectors/a/autofill/
https://developer.mozilla.org/en-US/docs/Web/CSS/:autofill
Jak chcesz zrobić jak google musisz zrobić elementy html i okodować je js
https://developer.mozilla.org/en-US/docs/Web/CSS/:autofill
Jak chcesz zrobić jak google musisz zrobić elementy html i okodować je js
@pyroxar: Nie, nie możesz to nie było by bezpieczne. Masz mnóstwo komponentów do autofilla dostępnych w necie.

























