- 1
mam problem, nie wiem jak podzielic plik na mniejsze komponenty, mam w folderze
1.
/components
--/UserTable
-----UserTable.tsx
components
folder UsersTable, a w nim plik o nazwie UsersTable
` i chcialbym z niego wydzielic 2 komponenty ktore bylyby uzywane tylko w tym komponencie
lepiej dodac 2 komponenty w
components (1) czy kolejny folder
components w tym obok pliku
UsersTable.tsx (2) czy moze obok tego pliku dodac inne pliki np.
TableHeader i
TableRow` (3)1.
/components
--/UserTable
-----UserTable.tsx
- 2
jako #frontend dev jak tworzycie jakis nowy feature i juz widzicie, ze to jest #!$%@? i nieintuicyjne to mowicie grajkowi ktory wymysla taski (product owner czy ki #!$%@?) albo UXowi czy po prostu macie wywalone i robicie swoje?
#programowanie
#programowanie
@wybacz: senior dev oprócz kodzenia powinien też myśleć o samym produkcie - czy to co robimy ma sens. Jeśli trafisz na ogarniętego człowieka, np. od UX, to taka osoba doceni Twoje konstruktywne uwagi i wątptliwości. Oczywiście jeśli n razy zwracamy uwagę, że to nie ma sensu, a nasze komentarze są notorycznie olewane, to mamy wywalone - kodźmy i czekamy na przelew na koniec miesiąca. ( ͡° ͜ʖ ͡°
- 0
ktory sposob lepszy
- zmienna.lenght > 0 80.0% (28)
- !!zmienna.lenght 20.0% (7)
- 7
@wybacz: wspaniałe properties, powodzenia
- 1
zmienna.length > 0 && - jest git wynikiem działania operatora > będzie true/false a nie truthy/falsy
no tak, ja sie ciagle pluje do tego co napisales wczesniej:
jak mu właśnie dasz zmienna.length > 0 lub zmienna.length to narażasz się na "0".
czyli tak jakbys mial na mysli ze
zmienna.length>0
da 0, co jak sam teraz pokazales nie jest prawdaale jej properties już tak xD
i co?
- 0
mam zrobione uwierzytelnianie dla SPA przy uzyciu sesji, httpOnly cookies
na froncie na poczatku mam zmiena trzymajaca informacje o tym czy uzytkownik jest zalogowany i ona jest ustawiona na false, po czym wykonuje request na endpoint sprawdzajacy poprawnosc ciastka i zaleznie od wyniku tej operacji ustawiam
i teraz to skutkuje tym, ze jezeli user wczesniej sie zalogowal i odswieza strone, to przez krotki moment widzi "zaloguj sie", a dopiero
na froncie na poczatku mam zmiena trzymajaca informacje o tym czy uzytkownik jest zalogowany i ona jest ustawiona na false, po czym wykonuje request na endpoint sprawdzajacy poprawnosc ciastka i zaleznie od wyniku tej operacji ustawiam
isLogged
na truei teraz to skutkuje tym, ze jezeli user wczesniej sie zalogowal i odswieza strone, to przez krotki moment widzi "zaloguj sie", a dopiero
- 0
proboje zrobic autentykacje przy uzyciu sesji i ciasteczek i nie za bardzo wiem jak to ogarnac po stronie #frontend - po zalogowaniu sie przegladarka przyjmuje ciasteczko i powinna przekierowac usera na podstrone
/profile
/profile```
jak ja mam teraz zabezpieczyc ten
/profile
przed uzytkownikiem ktory nie jest zalogowany? mam po prostu sprawdzac czy przegladarka ma ciasteczko i jezeli ma to wyswietlic profil, ale po przekierowaniu na rzeczony
/profile``` request ktory pobiera np. posty wykona- 11
@saviola7:
@wybacz: MSPANC, nie ma czegoś takiego jak autentykacja.
- 3
chcialem sobie poczytac jak stworzyc prosty mechanizm autoryzacji/autentykacji dla mojej apki SPA i po 2 godzinach wertowania neta - o ja #!$%@?!
nigdy nie widzialem takiego rozgardiaszu i mnogosci opinii xD jeden drugiego przekrzykuje czy lepsze JWT czy sesje, czy trzymac dane w ciasteczkach czy w local storage
w sumie beka ze to jeden z najwazniejszych aspektow tworzenia apek i nie wiadomo jak to robic
takie tam #zalesie - gdybym byl nowicjuszem
nigdy nie widzialem takiego rozgardiaszu i mnogosci opinii xD jeden drugiego przekrzykuje czy lepsze JWT czy sesje, czy trzymac dane w ciasteczkach czy w local storage
w sumie beka ze to jeden z najwazniejszych aspektow tworzenia apek i nie wiadomo jak to robic
takie tam #zalesie - gdybym byl nowicjuszem
@wybacz: Witamy w świecie webowym.
Świecie stworzonym do robinia stron o kotkach na którym ludzie upieraja sie robic skomplikowane aplikacje mimo ze mamy dużo lepsze środowisko do robienia aplikacji które nazywa się system operacyjny xD
Świecie stworzonym do robinia stron o kotkach na którym ludzie upieraja sie robic skomplikowane aplikacje mimo ze mamy dużo lepsze środowisko do robienia aplikacji które nazywa się system operacyjny xD
@wybacz: jak masz SPA to masz API, zapewne REST - ktory jest stateless, wiec jakie sesje? odpowiedz jest prosta, JWT bo nie trzeba tego storowac na BE a to jak bedziesz trzymac sesje dla FE, to juz inna para kaloszy, ciastka nie maja tu racji bytu...
- 0
- 1
@wybacz: kurka pozamiatane musze gdzies poprzymierzać te fotele eh słyszałem, że ten Xenon jest ok
- 1
- 0
potrzebuje waszej porady mirki
jestem junior #frontend (react+ts) z lekko ponad rokiem expa i zarabiam aktualnie 6k brutto na zleceniu, w czerwcu mialem podwyzke o 30%
teraz trafilem do nowego projektu (ktory podobno jest super wazny) i ogolnie czuje sie mocno niedoplacony i znowu chcialbym isc o kolejna podwyzke 30% (a moze powinienem wolac jeszcze wiecej szczegolnie, ze #!$%@? na smieciowce bez urlopu?)
#programowanie #pracait
jestem junior #frontend (react+ts) z lekko ponad rokiem expa i zarabiam aktualnie 6k brutto na zleceniu, w czerwcu mialem podwyzke o 30%
teraz trafilem do nowego projektu (ktory podobno jest super wazny) i ogolnie czuje sie mocno niedoplacony i znowu chcialbym isc o kolejna podwyzke 30% (a moze powinienem wolac jeszcze wiecej szczegolnie, ze #!$%@? na smieciowce bez urlopu?)
#programowanie #pracait
- 1
@lol3pdg: Dlatego dobrze żeby ta nowa praca to nie był wymysł tylko prawdziwa oferta. Wtedy jakakolwiek odmowa z ich strony i out.
- 1
@wybacz: Jak chcesz walczyć to walcz, ale z perspektywą rocznego juniora który chce 9k to mogą uznać że lepiej kogoś nowego. No i kolejna podwyżka po dwóch miesiącach to jakiś żart, pogoniłbym takiego z firmy ;-)
- 0
- 1
- 0
dobra, tworzycie funkcje w komponencie, to uzywacie klasycznej deklaracji czy arrow function? z jakiego powodu jedno albo drugie?
#react #javascript
#react #javascript
- 5
@wybacz: arrow, bo implicit return i brak this. Zresztą, zalety i wady, to sobie możesz znaleźć w google w 2 sekundy.
- 0
@wybacz: tak w 95% sytuacji arrow function. W zasadzie zwykłego typu używam tylko w 2 wypadkach
1. Gdy oczekuję, że gdzieś będzie zmieniany kontekst
2. Gdy mi się zapomni i wiem, że funkcja i tak nie używa thisa :)
1. Gdy oczekuję, że gdzieś będzie zmieniany kontekst
2. Gdy mi się zapomni i wiem, że funkcja i tak nie używa thisa :)
- 13
- 17
@wybacz: Złóż sibi i #!$%@? się jak stażysta za tę samą stawkę
@wybacz: U nas rekrutują QA i tez się jeden odpalił, ze on już 6 lat w firmie, a zarabia poniżej widełek, co z tego, ze po tych 6 latach tyle umie, że by rekrutacji nie przeszedł. Zarzekał się, że zmienia firmę, ale chyba nie bardzo mu to idzie, bo 4 miesiące juz tak gada.
- 2
korzystaliscie z https://mantine.dev/?
wyglada zajebiscie, ma duzo komponentow, a na reddicie zbiera same pochwaly
#javascript #frontend
wyglada zajebiscie, ma duzo komponentow, a na reddicie zbiera same pochwaly
#javascript #frontend
- 2
irytuje mnie gdy kod jest podzielony na N komponentow, kazdy po 50-100 linijek (bo zasada, ze nie przekraczamy jakiejs liczby linii kodu per plik xD) i potem trzeba sie przeklikiwac zeby dojsc z jakiejs listy do przycisku 10 godzin
przeciez czesto wieksze komponenty po 300 linijek sa o wiele czytelniejsze i szybciej sie wprowadza zmiany
tak jak jest zasada "premature optimization" tak tutaj dostrzegam cos podobnego, czyli dzielenie kodu na chama nawet
przeciez czesto wieksze komponenty po 300 linijek sa o wiele czytelniejsze i szybciej sie wprowadza zmiany
tak jak jest zasada "premature optimization" tak tutaj dostrzegam cos podobnego, czyli dzielenie kodu na chama nawet
- 3
Oj tak #!$%@?, dorzuć do tego props drilling trzy komponenty do dołu xD
@hdh3he3: Amatorka, trzy to juniorzy robią. Senior nie schodzi poniżej 5( ͡° ͜ʖ ͡°)
@wybacz: Tez jestem troche tego zdania, sytuacja z pracy: musialem dodac przycisk do A/B testingu w glownym menu. Problem polegal na tym, ze menu jest zrobione z 837473 komponentow, nawigacja wyswietlana w petli ktora generuje linki. Pierwsza moja mysl? Stworzenie oddzielnego pliku, ktory bedzie zawierac wszystko zwiazane z przyciskiem (Requesty, logika itp), a potem dam komponent pod petla. Niesteyy, w pracy nie chca tego rozwiazania, i musze przebudowywac nawigacje, bawic sie
- 0
- 2
kiedys ktos mowi, ze #wiedzmin3 ma zerowy replay value, a ty przechodzisz gre 8 raz
@wybacz: Wiedźmin ma tak dużo detali które można pominąć, dialogi i historia zmieniają się kiedy robimy jakieś zadania w innej kolejności lub w inny sposób, że nie możesz nazywać się fanem jak nie przeszedłeś przynajmniej 3 razy :D Wiadomo, wpływ na fabułę jest raczej kosmetyczny ale te wybory nadal zmieniają więcej niż w np. Cyberpunku.
Na kanale xLetalis do dzisiaj powstają nowe filmy o wiedźminie typu "co jeśli zrobisz zadanie x
Na kanale xLetalis do dzisiaj powstają nowe filmy o wiedźminie typu "co jeśli zrobisz zadanie x
- 0
https://www.toptal.com/developers/hastebin/qohoyotene.yaml
ifami sobie wykluczam typy jakimi moze byc enum, a chcialbym zrobic z tego jakas pomocnicza zmienna, zeby nie trzymac logiki w JSX, jak to sprytnie?
#react #javascript
ifami sobie wykluczam typy jakimi moze byc enum, a chcialbym zrobic z tego jakas pomocnicza zmienna, zeby nie trzymac logiki w JSX, jak to sprytnie?
#react #javascript
- 0
@lobo:
do ifa wchodzi, ale typy sie nie zgadzaja
https://www.toptal.com/developers/hastebin/figetoxubo.js
do ifa wchodzi, ale typy sie nie zgadzaja
https://www.toptal.com/developers/hastebin/figetoxubo.js
- 0
@wybacz: To działać działa, ale typy się nie będą zgadzać bo kompilator nie ma pojęcia jaki typ ma props w tym momencie musiałbyś castować https://codesandbox.io/s/unruffled-moore-jhmft0?file=/src/App.tsx
bo firma chce podpisywac umowe, w ktorej maja byc dane mojej firmy, ktorej jeszcze nawet nie mam xD, niech ktos swiezakowi wyjasnia jak to dziala.. (╯︵╰,)