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
Wszystko
Najnowsze
Archiwum
@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
@Kresse: wyglada na strukturę podobną do takiej, ktora zawsze uzywam, tylko inne nazwy folderów.
#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
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
@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.
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
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
PobierzWitam, 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
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
#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
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.
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
Treść przeznaczona dla osób powyżej 18 roku życia...
konto usunięte via Wykop
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.
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
@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:
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:
@DOgi: dziękuje Pan ChatGPT :D
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...
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.
Na czym polega komplikowanie kodu aplikacji internetowej (witryny?) wstępne lub na serwerze, w różnych technologiach?
#www #webdev #react #net #programowanie
#www #webdev #react #net #programowanie
konto usunięte via Android
@pyroxar na gównie, kodu aplikacji webowych się nie kompiluje
konto usunięte via Wykop
@pyroxar: na zatrudnieniu Rumuna. Wtedy kod staje się tak skomplikowany, że bardziej się nie da
✨️ Obserwuj #mirkoanonim
mirki, czy warto isc na studia podyplomowe z it? tylko dla papierka?
ucze sie od pol roku programowac, jestem po politechnice, ale teraz wejscie w swiat #it jest trudne.
rozwazam wiec czy warto tracic czas na takie studia?
czy jak juz mam swoje projekty w portfolio, to lepiej dalej je rozwijac?
a
mirki, czy warto isc na studia podyplomowe z it? tylko dla papierka?
ucze sie od pol roku programowac, jestem po politechnice, ale teraz wejscie w swiat #it jest trudne.
rozwazam wiec czy warto tracic czas na takie studia?
czy jak juz mam swoje projekty w portfolio, to lepiej dalej je rozwijac?
a
✨️ Autor wpisu (OP): @Tojuztrzeciekonto xD oczywiscie ze nie
jestem po politechnice ale nie it, gospodarka przestrzenna
ucze sie programowac juz jakis czas, i mam prace w branzy, ale niezbyt to lubie
chcialabym jakis saas stworzyc do swojej branzy, ale najpierw wolalabym popracowac gdzies zeby sie dobrych wzorcow
jestem po politechnice ale nie it, gospodarka przestrzenna
ucze sie programowac juz jakis czas, i mam prace w branzy, ale niezbyt to lubie
chcialabym jakis saas stworzyc do swojej branzy, ale najpierw wolalabym popracowac gdzies zeby sie dobrych wzorcow
Anonim (nie OP): Na wejściu na stanowisko wejściowe juniorskie w IT konkurujesz z:
0) zmieniającymi pracę,
1) inżynierami i magistrami bezpośrednio po studiach (mają zazwyczaj już doświadczenie ze stażu),
2) studentami w trakcie studiów kierunkowych (ludzie pracują i studiują jednocześnie),
3) ludźmi po bootcampach i innych wynalazkach (poziom różny).
Żadna z tych grup nie ma podyplomowych, ale odsiew CV zazwyczaj idzie w kolejności: ludzie z jakimś doświadczeniem zawodowym, ogarnięci absolwenci, ogarnięci studenci, ogarnięci bootcampowicze. Ilość CV
0) zmieniającymi pracę,
1) inżynierami i magistrami bezpośrednio po studiach (mają zazwyczaj już doświadczenie ze stażu),
2) studentami w trakcie studiów kierunkowych (ludzie pracują i studiują jednocześnie),
3) ludźmi po bootcampach i innych wynalazkach (poziom różny).
Żadna z tych grup nie ma podyplomowych, ale odsiew CV zazwyczaj idzie w kolejności: ludzie z jakimś doświadczeniem zawodowym, ogarnięci absolwenci, ogarnięci studenci, ogarnięci bootcampowicze. Ilość CV
#react #nextjs #openai #javascript #programowanie
Zrobiłem stronę i wysyłam do obczajki, można logować przez Google i rejestrować przez email/haslo. Strona to generator obrazków, więc jak potrzebujecie do projektu to za darmo możecie sobie wygenerować - generowałem na nim obrazki do swoich. Przyjmuje prompty po polsku ale lepiej pisać po angielsku.
Link:
Zrobiłem stronę i wysyłam do obczajki, można logować przez Google i rejestrować przez email/haslo. Strona to generator obrazków, więc jak potrzebujecie do projektu to za darmo możecie sobie wygenerować - generowałem na nim obrazki do swoich. Przyjmuje prompty po polsku ale lepiej pisać po angielsku.
Link:
źródło: 5
Pobierz
@lufa08: Te syntetyczne testy też trzeba umieć analizować. Wysoki wynik wcale nie musi oznaczać dobrze stworzonej strony, która będzie bez problemu przetwarzana przez roboty i ludzi, a niski złej.
Przykładowo alty obrazków można uzupełnić czymkolwiek, a można to zrobić jak należy i zarówno odbiorcy korzystający z czytników i roboty będą zadowolone.
Jeśli wszędzie masz praktycznie to samo to co w przypadku, gdy ktoś korzysta z czytnika, obrazek się na załaduje
Przykładowo alty obrazków można uzupełnić czymkolwiek, a można to zrobić jak należy i zarówno odbiorcy korzystający z czytników i roboty będą zadowolone.
Jeśli wszędzie masz praktycznie to samo to co w przypadku, gdy ktoś korzysta z czytnika, obrazek się na załaduje
@lufa08: jak się zaloguję na komórce na Chrome to trafiam na stronę https://decocanva.com/dashboard i nie wiem, co tam mogę zrobić więcej. Nie ma linku do niczego oprócz zmian w profilu oraz wylogowania.
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