Nowa norma. Przecież frontend jest banalny, zwłaszcza w utrzymaniówce. Robienie z tego osobnego stanowiska to była moda z czasów hossy. Kiedyś programista wszystko oprogramował i do tych czasów wracamy.

@taktojes: dużo prostych albo małych projektów które wymagają tylko przeciętnej znajomości backendu i frontendu. Wolą mniej ludzi jeśli to możliwe.
Przy poważniejszych projektach jest normalny podział, ale że teraz rynek nie sprzyja ryzykownym inwestycjom, to też się zmniejszyła ogólna liczba projektów

@pyroxar: sprawdź wtyczkę do chrome react

@pyroxar: https://github.com/welldone-software/why-did-you-render

@pyroxar: programista15k a ten jakieś CSS mi tu głowę zawraca

@pyroxar: napdpisuje ci twoje reguly typu a, button itd plus często są często z !important, zerknij na vendorachczy nie masz, webpacku, albo jakis skrypt bo nie wklada przy inicjalizacji.

@pyroxar: Zawsze możesz olać typy i zrobić if(selected)

@pyroxar: Nie potrzebujesz ,żadnych nullchecków:

modifiedInputs[scope]['query_department'] = selected?.value?.toString() || '';

@pyroxar:

Google nie usuwa bowiem wszystkich ciasteczek. Te, które są obsługiwane przez witrynę, na której znajduje się użytkownik (tj. first-party cookies), są nadal dozwolone. Są one bowiem zazwyczaj nieszkodliwe i wykorzystywane w takich czynnościach, jak utrzymywanie sesji logowania lub zapamiętywanie tego, co zostało dodane do koszyka.

@wot8: Co jest mniej bezpiecznym rozwiązaniem niż ciastka bo js może odczytać ich zawartość, a ciastka można tak ustawić aby nie były odczytywalne przez js

@pyroxar @sokytsinolop @Akke tu nie ma znaczenia czy to query param czy nie tu po prostu trzeba uzyc jakiegos react router / react router dom i tyle

Mam wrażenie, że #react staje się gorszy z update na update, co chwile jakieś zmiany koncepcji i problemy z tego wynikające

@AntyKuc: Tak samo było z Tibią i w ogóle wszystkimi fajnymi rzeczami.

@pyroxar: wrzuć na jakiś sandbox bo pusty div nie może mieć takiej wysokości (no chyba, że ma style) albo wrapper to grid/flex i się div dostosowuje.

@pyroxar: https://codesandbox.io/p/sandbox/dank-sea-jczksl?file=%2Fsrc%2FApp.js

@naktergal: tak a co chodzi?

@naktergal jestem backendowcem ale potrzebowałem napisać coś na froncie, najpierw przy użyciu reacta, później angulara. W obu osiągnąłem efekt ale moje odczucia...react jest dla zwierząt ;) można nasrać na środku i "nikt nie zauważy". Angular trzyma cię w ryzach, wymusza na tobie pewne zachowania, strukture, standard, bliżej mu do backendowych frameworków. Mam wrażenie że w reakcie co projekt to możesz mieć inne podejście, strukturę itd. A w angularze jak wchodzisz doPokaż całość

@lukgol: jak sie tak zachowujesz, to nikt Ci nie pomoże

@Omer86: Co mi daje premium w takiej aplikacji?

6JPYJ46EYFXL

Wykorzystany, dzięki.

@aptitude jestem backendowcem i się nie znam, ale chyba by mnie musiało p-----c, żeby robić 5 osobnych useStatow na każdy input forma. 1 obiekt se zrób.

@aptitude: Napisze Ci, że fajnie, że kombinujesz, ale w komercyjnym kodzie używa się React Hook Form lub Formik xd. Ten custom hook nic Ci nie daje, w formularzach przede wszystkim chodzi o ich walidacje, a gdzie ona jest - nie ma

@elektryk91: ale ostrzegaj, że to ma ze 100 pytań

Nie wiem co to ma wspólnego z Vtubowym gównem jak widziałem podobne z 15 lat temu pobierając Visual Novelki z JP.

@pyroxar: redux służy do zapamiętywania stanu aktualnego do w zasadzie odświeżenia strony możesz go połaczyć tak aby na otwarciu apki zaczytywał stan z localstorage do reduxa i po każdej zmianie zapisywać stan reduxa w localstorage. Możesz użyć np. redux persist

Robisz sobie builda i to co ci wypluje wrzucasz sobie hosta

@K-S-: npm run build powinien wygenerować statyczne pliki w folderze build które wrzucasz do katalogu z którego serwuje twój http serwer (np. /var/www/), np. tutaj jest to opisane na samym początku: https://create-react-app.dev/docs/deployment/

może warto zapisywać do w localStorage?

@pyroxar: Nie warto. Użyj React Query. RQ oferuje funkcjonalność, której potrzebujesz. Swego czasu (2015-20) popularne było podejście, gdzie browser pobierał dane, dokonywał transformacji i udostępniał je przez Redux store. React Query mocno usprawnił ten proces i wyeliminował potrzebę ręcznego zapisu danych w przeglądarce.

@pyroxar: Widze tu pare problemow:

1. Przefiltrowana lista nie musi byc stanem, nie musisz w ogole miec tego useEffecta na setowanie przefiltrowanej listy, mozesz to zrobic w ciele funkcji po prostu. Odpada Ci pare rerenderow
2. Wydaje sie niepotrzebnym duplikowanie stanu dla sugestii. Skoro przekazujesz je jako props to powinienes na poziomie tamtego komponentu (rodzica) je fetchowac a lista powinna je jedynie wyswietlac. I tu jest Twoj glowny problem -Pokaż całość

@PaaD: mała apka i k8s? sudo docker-compose up i bzikaj

Ja widziałem jak w jednej firmie produkcyjnie były tylko odpalone dokery bez doker compose I działało

@MatthewDuchovny: nie uczyłbym się tego, bo całe to klepanie stronek to ślepy zaułek

@In_thrust_we_trust @programista15cm nie ma czegos takiego jak lepszy gorszy. Wszystko zalezy od tego czego potrzebuje rynek. Rynek obecnie to internet i mobilki. A tam frontend i bekend zawsze beda potrzebne dopoki ludzie korzystaja z przegladarek i przechowuja informacje w bazach danych

@SendMeAnAngel: brzmi jak zajebisty framework ( ͡°( ͡° ͜ʖ( ͡° ͜ʖ ͡°)ʖ ͡°) ͡°)

@SendMeAnAngel: Nie, po prostu, czy to najpierw zaimportujesz A a potem B lub B a potem A nie ma żadnego znaczenia. Problem nie jest w reacie czy webpacku tylko w waszym kodzie