Gdzie w #szczecin #gorzow szukać pracy ze znajomością #nodejs #javascript #react ?
Wszystko
Najnowsze
Archiwum
mr_ponglish
beerman
@mr_ponglish: wiem
DarkMi
@mr_ponglish: sky is the limit, aktualnie z remote ogłoszeniami to tak jak beerman pisze.
Mam:
export interface Fren: {
name: string
}
I majac frens: string[] ciem zamienic go na Fren[]
export interface Fren: {
name: string
}
I majac frens: string[] ciem zamienic go na Fren[]
konto usunięte via Android
@programista4k jak TypeScript to masz błąd w pierwszej linii, wywal ":", potem frens.map((name): Fren => ({ name }))
@programista4k: Linter, kompilator TS'a Ci nie wyłapuje takich błędów?
#react #programowanie #naukaprogramowania #jwt
Mirki, jaki jest obecny standard w normalnej firmie IT odnośnie łączenia JWT (jako token do uwierzytelniania requestów) i SPA (np. React)? Znam kilka metod poniżej, ale chciałbym wiedzieć czego w rzeczywistości się używa?
1. JWT w localstorage -> wbrew dziesiątkom art. na necie twierdzącym, że to samo zło, sporo osób twierdzi, że tego używa i się nie przejmują XSS, koronny argument jest
Mirki, jaki jest obecny standard w normalnej firmie IT odnośnie łączenia JWT (jako token do uwierzytelniania requestów) i SPA (np. React)? Znam kilka metod poniżej, ale chciałbym wiedzieć czego w rzeczywistości się używa?
1. JWT w localstorage -> wbrew dziesiątkom art. na necie twierdzącym, że to samo zło, sporo osób twierdzi, że tego używa i się nie przejmują XSS, koronny argument jest
@Loperamid: właśnie to co napisałeś to punkt 3 mojego wpisu, z JS nie odczytasz, ale jak ktoś ma dostęp do przeglądarki to jaka jest różnica względem 1-2? I tak requesty są podpisane.
a odnośnie Twojego pytania to czytałem o wrzucaniu w ten sposób keyloggera czy podrzucaniu phishingowych formów dzięki czemu można łatwo uzyskać np. dostęp do banku
a odnośnie Twojego pytania to czytałem o wrzucaniu w ten sposób keyloggera czy podrzucaniu phishingowych formów dzięki czemu można łatwo uzyskać np. dostęp do banku
@TomAtari: Faktycznie, dopiero doczytałem. W sumie żadna różnica. Jeśli potrzebujesz żeby Twój JS miał dostęp do JWT to trzymasz go w localstorage, ale wtedy może go odczytać także XSS. Ciasteczka są o tyle lepsze, że możesz ustawić HTTPOnly i zabezpieczyć się przed XSSami. Requesty to prawda są podpisane, ale możesz ustawić SameSite na ciasteczku albo zaimplementować inną ochronę przed CSRF i będziesz miał podpisane tylko te requesty, których się spodziewasz.
Hejo! Jak zawsze w poniedziałek witamy Was #jobboxem dla #javascript developerów
ZDALNIE:
20 000+ PLN net:
Frontend Developer [16,8-20,1k]: https://bit.ly/39swu1q
do
ZDALNIE:
20 000+ PLN net:
Frontend Developer [16,8-20,1k]: https://bit.ly/39swu1q
do
źródło: comment_16067233675Yn19XCvKbpkQZddoHiFIz.jpg
Pobierz
Ok, jedno pytanie. Piszę testy funkcyjne w aplikacji. Chce je pisać już z reduxem storem, aby sprawdzać czy dane się dodają do store i czy komponenty wyświetlają te dane. Napotkałem jednak jeden problem..
Czasem komponenty uderzają do sagi ( i dobrze ), ale niestety sagi próbują strzelać do API. Chciałem zmockować niektóre funkcje używane przez sagi, aby zwracały wartości wskazane przeze mnie.
Niestety, napotkałem problem. Cały setup pojedynczego testu mam w osobnym pliku
Czasem komponenty uderzają do sagi ( i dobrze ), ale niestety sagi próbują strzelać do API. Chciałem zmockować niektóre funkcje używane przez sagi, aby zwracały wartości wskazane przeze mnie.
Niestety, napotkałem problem. Cały setup pojedynczego testu mam w osobnym pliku
Jak zrobic w nowa linie w tym?
z przodu i na koncu jest ciapek. Nie da sie go wpisac na tym gowno o portalu.
Tak nie dziala.
#programowanie #react
linia1 ${myvar} /n linia2z przodu i na koncu jest ciapek. Nie da sie go wpisac na tym gowno o portalu.
Tak nie dziala.
#programowanie #react
@testcrypto: nie dziala, jusz wiem. Trzeba osobne divy robic
Jakie polecacie projekty dla średnio-zaawansowanego? Robiłem już TODO list i tego typu sprawy.
#programowanie #javascript #nodejs #react #webdev
#programowanie #javascript #nodejs #react #webdev
@Smutny_procesorr: rzuć okiem na projekt @Watchdog_Polska https://github.com/watchdogpolska/small_eod/tree/dev/frontend-project
@Smutny_procesorr: Komercyjne projekty tez mozesz robic dla nauki i przyjemnosci ;) Zwykle apki warto robic w celu dopisania sobie do portfolio, jednak doswiadczenie najszybciej zlapiesz w pracy.
#programista15k #javascript #react
Jak jest u Was z narzutem nowych technologii? Przykładowo używacie useContext i Redux. Nagle wjeżdza nowa technologia do zarządania stanu np. Recoil. Staracie sie zastąpić nią cały projekt czy raczej zostawiacie starą technologię i po prostu od tego czasu używacie w nowych komponentach rzeczach pisanych za pomocą Recoil?
Jak jest u Was z narzutem nowych technologii? Przykładowo używacie useContext i Redux. Nagle wjeżdza nowa technologia do zarządania stanu np. Recoil. Staracie sie zastąpić nią cały projekt czy raczej zostawiacie starą technologię i po prostu od tego czasu używacie w nowych komponentach rzeczach pisanych za pomocą Recoil?
@janekbrzechwa: porzucanie "starych" technologii tylko dlatego że wyszły jakieś nowe trąci hype-driven developmentem, a to jest zło. Przepisywanie czegoś co działa to niepotrzebne koszty. Więc co najwyżej w nowych projektach, o ile wcześniej ktoś przetestuje tę technologię w jakimś mini-projekcie i da radę wykazać że ta nowa technologia daje jakieś korzyści w porównaniu z tą starą
@janekbrzechwa: należy rozpocząć od pytania jaki problem rozwiązuje dokładnie nowa technologia niż ślepo podążać za nową, świecącą zabawką ;) edit: widzę, że kolega wyżej mnie uprzedził :)
#programowanie #webdev #javascript #react #vue
Potrzebuję zrobić prosty formularz (z kawałkiem jakiejś logiki), zebrać dane z pól i wysłać zapytanie REST-owe.
Normalnie bym to zrobił w np. React lub Angular, ale do tego muszę tworzyć cały projekt (i zapinać jakiegoś Webpacka albo chociaż gulpa). Banalna rzecz.
Ale
Potrzebuję zrobić prosty formularz (z kawałkiem jakiejś logiki), zebrać dane z pól i wysłać zapytanie REST-owe.
Normalnie bym to zrobił w np. React lub Angular, ale do tego muszę tworzyć cały projekt (i zapinać jakiegoś Webpacka albo chociaż gulpa). Banalna rzecz.
Ale
Wrzucam link do filmiku, w którym kodzę komponent VideoPlayer z wykorzystaniem maszyny stanowej z React i XState.
Enjoy :)
https://www.youtube.com/watch?v=ym8TQ8nLxuY
#javascript #react #webdev
Enjoy :)
https://www.youtube.com/watch?v=ym8TQ8nLxuY
#javascript #react #webdev
Czy warto zainteresować się kursem Samuraja Programowania - "React od Podstaw" ?
#react
#react
@Tomasstom: samego reacta od niego nie robiłem, więc ciężko mi powiedzieć - wszystko zależy od tego, jakie ktoś tempo preferuje - ja jego kursy oglądałem często na 1.5 -1.75x speed xD a i tak często miałem wrażenie, że za wolno idzie ze wszystkim do przodu. Ale jak ktoś potrzebuje coś mieć powtórzone 3 razy, to jak najbardziej mu to przypasuje.
najlepszy sposób? W komentarzu dopiszcie prosze dlaczego tak uważacie ;)
- S3 + cloudfront 64.3% (18)
- amplify 7.1% (2)
- elastic beanstalk 3.6% (1)
- lightsail 3.6% (1)
- ec2 + asg + lb 17.9% (5)
- inny 3.6% (1)
@htfhere: k8s eks trochę kosztowny / ecs docker
A dlaczego? Większa kontrola niż np prowadzące obecnie s3, łatwość skalowania ale i też łatwość przeniesienia gdziekolwiek
A dlaczego? Większa kontrola niż np prowadzące obecnie s3, łatwość skalowania ale i też łatwość przeniesienia gdziekolwiek
@htfhere: zależy co chcesz z tą apką robić i jaką mieć nad nią kontrolę. dla małego ruchu na początek tylko s3
Kuponik do kursu na temat tworzenia maszyn stanowych w Javascript i użyciu ich razem z Reactem :)
Lepsze zarządzenie stanem, łatwiejsze opisywanie logiki biznesowej - polecam!
https://www.udemy.com/course/introduction-to-state-machines-with-xstate-and-react/?couponCode=86B8994BFF59FEED4C43
#udemy #javascript #react
Lepsze zarządzenie stanem, łatwiejsze opisywanie logiki biznesowej - polecam!
https://www.udemy.com/course/introduction-to-state-machines-with-xstate-and-react/?couponCode=86B8994BFF59FEED4C43
#udemy #javascript #react
Jak zrobić input który będzie w środku miał liste elementów. Przykładowo wpisuje cos i oddzielam enterem i robi sie jeden element i tak dalej i dalej. Tak jak na screnie
#react #programowanie
#react #programowanie
źródło: comment_1604948989SN3rgpYHYgxMuj8xXX8AyW.jpg
Pobierz
@Koprowy: Tak na szybko: albo przechowujesz wartości jako string z elementami oddzielonymi po przecinku, albo jako array wartości. W zależności od wybranego rozwiązania usuwasz elementy albo odfiltrowując je ze stringa, albo z arraya.
Edit: albo jak kolega @Zavis zauważył, korzystasz z gotowca ( ͡° ͜ʖ ͡°)
Edit: albo jak kolega @Zavis zauważył, korzystasz z gotowca ( ͡° ͜ʖ ͡°)
Ma ktoś do polecenia godny uwagi kurs reacta? W pracy jestem java devem, po godzinach rozwijam pewien projekt w angularze (to tak dla kontekstu) i chciałbym rozwinąć się w stronę fullstacka java+react (dlatego że w pracy używamy tylko reacta), ma ktoś coś godnego polecenia (mogą być materiały zarówno po polsku jak i angielskiu, darmowe i płatne)?
#react
#react
@kam3o: https://medium.com/@javinpaul/top-5-courses-to-learn-react-js-in-2019-best-of-lot-fa02cd96cdf0
2 pierwsze z tej listy przerabiałem i są spoko
2 pierwsze z tej listy przerabiałem i są spoko
Treść przeznaczona dla osób powyżej 18 roku życia...
@kufelmleka: to chyba nie to. Tutaj to jest jakiś get chyba z pliku. A z treści rozumiem że masz zrobić request http GET do jakiegoś API które Ci zwróci ładnego jsona z danymi. Najłatwiej to chyba jakaś pogodę sobie pobrać.
@kufelmleka: a to nie po prostu jest Ci fetch() potrzebny?
Dlaczego Virtual DOM jest lepszym rozwiązaniem niż bezpośrednia manipulacja DOM'em? Czy ktoś może mi podać przykład gdzie VDOM jest bardziej wydajnościowy od normalnie napisanego np. jQuery?
#javascript #react #jquery #programowanie
#javascript #react #jquery #programowanie
@axaha: ponieważ podczas manipulacji VDOM przeglądarka nie renderuje każdej zmiany.
Modyfikacja 1k elementów w VDOM będzie szybsza niż w DOM, ponieważ przeglądarka renderuje jedną zmianę a nie 1k. (jeżeli dobrze rozumiem jak to działa)
Modyfikacja 1k elementów w VDOM będzie szybsza niż w DOM, ponieważ przeglądarka renderuje jedną zmianę a nie 1k. (jeżeli dobrze rozumiem jak to działa)
Cześć!
Stworzyłem kurs o użyciu maszyn stanowych w aplikacjach React z wykorzystaniem XState :)
Link do kursu: Introduction to State Machines with XState and React
Jeśli interesujecie się maszynami stanowymi albo słyszeliście kiedyś coś o XState, ale nie wiedzieliście o co chodzi, to ten kurs będzie idealny na start lub pogłębienie wiedzy.
To
Stworzyłem kurs o użyciu maszyn stanowych w aplikacjach React z wykorzystaniem XState :)
Link do kursu: Introduction to State Machines with XState and React
Jeśli interesujecie się maszynami stanowymi albo słyszeliście kiedyś coś o XState, ale nie wiedzieliście o co chodzi, to ten kurs będzie idealny na start lub pogłębienie wiedzy.
To
@karid: tldr: W kontekście React'a maszyny stanowe mogą być wykorzystane do zarządzania stanem, XState to libka to tworzenia maszyn stanowych w Javascript :)
Trochę dłużej:
Maszyny stanowe umożliwiają w prosty sposób rozpisać logikę działania aplikacji w formie podobnej do grafu :)
Wyobraź sobie diagram na którym masz bloczki i linie - z bloczku X możesz przejść tylko do tych bloczków z którymi masz połączenia. Zastosowanie takiego podejścia przy tworzeniu aplikacji gwarantuje, że
Trochę dłużej:
Maszyny stanowe umożliwiają w prosty sposób rozpisać logikę działania aplikacji w formie podobnej do grafu :)
Wyobraź sobie diagram na którym masz bloczki i linie - z bloczku X możesz przejść tylko do tych bloczków z którymi masz połączenia. Zastosowanie takiego podejścia przy tworzeniu aplikacji gwarantuje, że
@hdh3he3: Odblokowane :)
@KotoFan:
Tak i nie. To prawda, że Google ogłosił w 2015 roku, że może teraz renderować i indeksować treści, które wymagają > Javascript, więc teoretycznie nie powinno to stanowić problemu. Jednak teoria i praktyka nie zawsze są takie same.
Większość specjalistów SEO zgadza się, że Google ma trudniejszy czas na czytanie i indeksowanie stron, które
wymagają Javascript w porównaniu z tymi, które nie wymagają Javascript.
@KotoFan: w angular musisz użyć angular universal do SSR (server side rendering, wtedy każda podstrona ma normalnie html w kodzie źródłowym)