Czy react jest bezpieczny? W jaki sposób mogę sprawdzić czy użytkownik może coś zrobić? Niezależnie od tego czy robię zapytanie do serwera, aby to sprawdzić, czy pobieram wartości z reduxa, czy sprawdzam jakąś wartość w localStorage czy z czegokolwiek innego, to przecież odpowiedź i tak jest zwrócona do klienta i to tam jest ten jeden "if" np. if (response.userLoggedIn == true) { zrób coś }. A skoro ten "if" jest po stronie
Wszystko
Najnowsze
Archiwum

Alodnog
- 0
konto usunięte
- 14
@Alodnog: Kolego, niezależnie od użytej biblioteki albo frameworka, weryfikacja uprawnień użytkownika po stronie klienta to pomysł równie dobry, co podcieranie się jeżem. Jeśli masz dane wrażliwe i zależne od uprawnień/autoryzacji/autentykacji, trzymasz je na serwerze i zwracasz do klienta, a nie robisz jakieś dziwne miksy. Jak sam zauważyłeś, podmiana tego lokalnie jest trywialna.

Zavis
- 3
@Alodnog: Masz np. logowanie w appce Reactowej, w którym użytkownik przekazuje do serwera login i hasło wysyłając request pod endpoint, np. "/api/login". Serwer weryfikuje podany login i hasło z credentialsami użytkownika w bazie, a jeśli są prawidłowe, to generuje mu token (poczytaj o JWT) + ew. dodatkowo zwraca obiekt usera zawierający np. jego role/uprawnienia. FE (React) zapisuje gdzieś ten token, żeby był dostępny po przykładowo odświeżeniu strony. Możesz też wprowadzić
Treść przeznaczona dla osób powyżej 18 roku życia...
- 0
@ElGovanni: Można, ale jest z tym trochę zabawy https://github.com/zeit/next.js/issues/3335 W dokumentacji polecają korzystanie z ZEIT Now https://nextjs.org/docs/deployment
- 0
#react #programowanie #javascript
Czy istnieje w React odpowiednik...
Chodzi o zmianę miejsca elementu, ale nie poprzez klonowanie ani tworzenie na nowo identycznego elementu, a faktyczne przeniesienie elementu.
Czy istnieje w React odpowiednik...
element.append/before/after?Chodzi o zmianę miejsca elementu, ale nie poprzez klonowanie ani tworzenie na nowo identycznego elementu, a faktyczne przeniesienie elementu.
- 1
@look997: Próbujesz rozwiązać problem, który w realnym świecie nie istnieje. Twój przykład działa, bo za każdym razem przekazujesz stany obu komponentów, więc zawsze będziesz mieć dostęp do ich zawartości.
Zobacz sobie dokumentacje replaceWith i odnośnik do specyfikacji. Zamieniając te elementy, usuwasz je z drzewa DOMu i dodajesz je z powrotem z dodaną referencją
https://dom.spec.whatwg.org/#concept-node-replace
W reakcie załatwiasz to stanem/contextem/reduxem, czymkolwiek.
Zobacz sobie dokumentacje replaceWith i odnośnik do specyfikacji. Zamieniając te elementy, usuwasz je z drzewa DOMu i dodajesz je z powrotem z dodaną referencją
https://dom.spec.whatwg.org/#concept-node-replace
W reakcie załatwiasz to stanem/contextem/reduxem, czymkolwiek.

- 1
@look997: AKTUALIZACJA:
W Chrome ze zwykłym event
Czyli to kwestia wyłącznie Firefoksa, że przy
Musze zgłosić
W Chrome ze zwykłym event
input, historia cofania (Ctrl+Z) i tak jest zapamiętywana.Czyli to kwestia wyłącznie Firefoksa, że przy
element.append/replaceWith historia jest przerywana.Musze zgłosić
Co ciekawego wydarzyło się w minionym tygodniu? Tym razem frontendowcy poznają konsekwencje zjawiska znanego jako “props overload”, a backendowcy będą mieli okazję zastanowić się nad kierunkami rozwoju niemłodej już #java. Na przykładzie kariery Piotra Poletajewa przyjrzymy się natomiast różnicom w pracy w #apple i #microsoft.
----------
-> AlertTag
----------
Zapisz się na mirkolistę: https://mirkolisty.pvu.pl/list/kqLmWfjCV96YaWzk
-> AlertTag
źródło: comment_1582885954Vuq773goBOBx5qL7CYGwR2.jpg
Pobierz- 0
- 0
Mirki mam cos takiego
r.default.createElement(o.default,{text:"https://g.page/nazwa profilu",href:!0,hrefText:"https"}
Co wpisać zamiast tego https zeby przekeirwoalo bezposrednio pod link google? bo obcenie kieruje na https:/mojastrona.pl/https//g.page/nazwa profilu
#programowanie #html #react #stronywww
r.default.createElement(o.default,{text:"https://g.page/nazwa profilu",href:!0,hrefText:"https"}
Co wpisać zamiast tego https zeby przekeirwoalo bezposrednio pod link google? bo obcenie kieruje na https:/mojastrona.pl/https//g.page/nazwa profilu
#programowanie #html #react #stronywww
- 0
@dedronek bardziej chodzi mi o to że ten link wrzuciłem na swoją stronę, i jak się w niego chce wejść to zamiast od razu kierować na profil google to kieruje na profil z przedrostkiem stworzonym z linku do mojej strony, przez co wskakuje error 404:p
- 0
@przemoprzemek: może ktoś to zna react Ci pomoże
- 0
W Reakcie gdy potrzebuję przekazać dane do głęboko zakorzenionego komponentu, lub w drugą stronę, wystarczy, że użyję context api albo mam reduxa i nie mam takiego problemu.
Jak to wygląda w Angularze? Co mam robić w sytuacji, gdy mam komponent i od jakiegoś głęboko zakorzenionego chcę przekazać dane na samą górę?
#angular #javascript #react
Jak to wygląda w Angularze? Co mam robić w sytuacji, gdy mam komponent i od jakiegoś głęboko zakorzenionego chcę przekazać dane na samą górę?
#angular #javascript #react
- 2
@Marekexp: użycie serwisu to praktycznie to samo - wstrzykujesz sobie w komponent taki serwis i bzikasz. React dostarcza renderowanie, więc tam się to opiera o odpowiednie wyrenderowanie contextu, Angular ma wbudowane DI więc można sobie takie coś po prostu wstrzyknąc
Routing po stronie serwera w React jest standardem, ale ten po stronie klienta zaczyna być coraz bardziej popularny. Poznaj dwa podejścia i zdecyduj się, które będzie najlepsze do Twojej aplikacji.
https://bulldogjob.pl/news/963-routing-po-stronie-klienta-z-react-router
#react #javascript #frontend
https://bulldogjob.pl/news/963-routing-po-stronie-klienta-z-react-router
#react #javascript #frontend
źródło: comment_1582548015XnglpPaD08SwHu7P1T6E9R.jpg
Pobierz@Bulldogjob: dziękuję, właśnie się intensywnie douczam z reacta
- 2
@Bulldogjob: 99% apek napisanych w reaccie korzysta z routingu po stronie klienta. O czym wy tu pierniczycie w ogóle?
koleżanki i koledzy (wstęp jak z zebrania partyjnego :-) mam pytanie do wszystkich siedzących nieco dłużej w #programowanie #frontend
jakie frameworki, podejścia, biblioteki do UI (niepopularne jeszcze) uważacie za przyszłościowe?
(wiem że to trochę spekulacja, więc proszę o krótkie wytłumaczenie dlaczego jakieś podejście uważacie za sensowne, ciekawe, co je wyróżnia itp)
wiadomo
jakie frameworki, podejścia, biblioteki do UI (niepopularne jeszcze) uważacie za przyszłościowe?
(wiem że to trochę spekulacja, więc proszę o krótkie wytłumaczenie dlaczego jakieś podejście uważacie za sensowne, ciekawe, co je wyróżnia itp)
wiadomo
@secret_passenger: Raczej React, Angular i Vue zostanie na bardzo długo, tym bardziej że wiele apek zostało w nich napisanych i są to frameworki, które żyją, mają się dobrze i się rozwijają. Do .NET doszło takie coś jak Blazor i być może warto chociaż rzucić na to okiem, ale nie wiem jak z popularnością tego rozwiązania na rynku. Projekt pisz w znanych technologiach, bo jak znasz popularną technologię to szybciej znajdziesz
- 1
@secret_passenger: Aktualnie zainteresowałem się tailwind.css i muszę przyznać że ciekawe rozwiązanie, utility first. Z minusów to robi się trochę dużo klas w HTML i jest mało czytelny.
Zapraszamy do lektury najnowszego wydania Prasówki Technologicznej. Tym razem frontendowcy będą mogli stawić czoła niektórym problemom, które pojawiają się, gdy przesiadamy się z tworzenia stron typu server-rendered do client-rendered, a backendowcy dowiedzą się, jak ogarnia się na produkcji platformę zarządzającą ponad 3,5 milionami uczniów (1500 baz danych i 65 tys. requestów na sekundę w peaku). Sprawdzimy też, dlaczego Korea Południowa zamierza przejść na Linuksa.
-> Zapisz się na mirkolistę: https://mirkolisty.pvu.pl/list/kqLmWfjCV96YaWzk
-> AlertTag:
-> Zapisz się na mirkolistę: https://mirkolisty.pvu.pl/list/kqLmWfjCV96YaWzk
-> AlertTag:
źródło: comment_15822826506hmhOq3t0JtoGYsPbpGmZh.jpg
Pobierz- 1
same śmieci...
slabe to fakt, wypisuje sie z listy.
Cześć Mirki, mam krótkie video o zestawie wiedzy, który trzeba opanować przed zabraniem się za React / Vue / AngularJS. Częsty błąd to właśnie próba pisania w frameworkach bez elementarnej wiedzy na temat #javascript .
#naukaprogramowania #frontend #angularjs #react #vuejs
#naukaprogramowania #frontend #angularjs #react #vuejs

Siema,
Słuchajcie, pierwszy raz pracuję z programistą backendowym. Co więcej, aplikacja nad którą siedzimy będzie miała backend napisany nie w node.js - do którego się przyzwyczaiłem - tylko w .NET .
Kumpel wygenerował projekt jakąś komendą, a w części frontendowej ( #react ) znalazłem coś takiego jak rimraf. Co więcej, projekt jest tak skonfigurowany żeby za pomocą tego dodatku odpalać aplikację frontendową:
Słuchajcie, pierwszy raz pracuję z programistą backendowym. Co więcej, aplikacja nad którą siedzimy będzie miała backend napisany nie w node.js - do którego się przyzwyczaiłem - tylko w .NET .
Kumpel wygenerował projekt jakąś komendą, a w części frontendowej ( #react ) znalazłem coś takiego jak rimraf. Co więcej, projekt jest tak skonfigurowany żeby za pomocą tego dodatku odpalać aplikację frontendową:
"start":@FiranMercury: rimraf usuwa folder rekurencyjnie, dzięki czemu dostajesz czystego builda bez ryzyka jakichś śmieci z poprzednich buildów
- 1
@FiranMercury: prawdę mówiąc nigdy tego w zaden sposób nie konfigurowałem, po prostu instalujesz i bzikasz ¯\_(ツ)_/¯
Siemanko Mireczki, zrobiłem materiał o obsłudze i walidacji formularzy w czystym React.js z użyciem React.useState. Może się przyda początkującym Reactowocom ( ͡° ͜ʖ ͡°)
#frontend #javascript #react #html
#frontend #javascript #react #html

- 1
@Rakky: zależy, jak masz mnóstwo formularzy to używasz gotowych rozwiązań np. formik, dla pojedynczych formularzy to overengeneering, i lepiej w sumie napisać swoją walidację
- 0
Myślę że moje ogłoszenie o pracę jest spoko startem przygody z mikroblogiem.
Albo nie.
https://justjoin.it/offers/dietly-pl-react-regular-rocky
#programista15k #react
Albo nie.
https://justjoin.it/offers/dietly-pl-react-regular-rocky
#programista15k #react
@zycietonowela: Czerstwe
- 1
Treść przeznaczona dla osób powyżej 18 roku życia...
- 0
- 0
Siema,
jest tu jakiś mirek z G2ARzeszów / G2AKraków? W najbliższym czasie mam rozmowę na stanowisko frontendowca. Potrzebuję pomocy (mam masę pytań).
#g2a #programowanie #javascript #frontend #react
jest tu jakiś mirek z G2ARzeszów / G2AKraków? W najbliższym czasie mam rozmowę na stanowisko frontendowca. Potrzebuję pomocy (mam masę pytań).
#g2a #programowanie #javascript #frontend #react
@FiranMercury: Taktyk, bo ja też XD
konto usunięte via Android
- 0
Komentarz usunięty przez autora
- 0
Trzeba odczekać jakiś czas po wrzuceniu builda na ftp zanim google analytics to wyłapie?
#javascript #react #programowanie #googleanalytics
#javascript #react #programowanie #googleanalytics
- 0
Mireczki #webdev #react , podpowiedzcie, poratujcie.
Szukam multi item carusel jak na pic rel.
Na razie skorzystałem z
https://www.npmjs.com/package/react-multi-carousel
ale nie podoba mi się to co widzę, przejrzałem też trochę neta w poszukiwaniu i nie mogę znaleźć nic sensownego. Może źle szukam, może nie nazywa się to mutli item carusel. A może powinienem zaimplementować to sam - ostateczność bo terminy gonią.
Szukam multi item carusel jak na pic rel.
Na razie skorzystałem z
https://www.npmjs.com/package/react-multi-carousel
ale nie podoba mi się to co widzę, przejrzałem też trochę neta w poszukiwaniu i nie mogę znaleźć nic sensownego. Może źle szukam, może nie nazywa się to mutli item carusel. A może powinienem zaimplementować to sam - ostateczność bo terminy gonią.
- 0
Robię prostą apkę webową z backendem w #csharp i frontem w #react. Mam przycisk, który po naciśnięciu wywołuje funkcję łącząca się z backendem i przypisuje otrzymaną wartość do zmiennej state w komponencie. Przy łączeniu się z api normalnie zwraca mi dane, które potrzebuję, jednak mam problem z przypisaniem ich do zmiennych w komponencie. Z tego co rozumiem, w tej funkcji nie mam dostępu do pól z konstruktora,
źródło: comment_15813576630OcHN5hIPVn1tvF19d7aFu.jpg
Pobierz@Sigmanus: Musisz przypisać kontekst w którym wywołujesz this.getUnsortedArray, aktualnie będzie to "Window", możesz to zrobić np. (pisze z "palca" więc mogę się gdzieś pomylić):
onClick={this.getUnsortedArray} zaminić na onClick={() => this.getUnsortedArray()}
albo w
onClick={this.getUnsortedArray} zaminić na onClick={() => this.getUnsortedArray()}
albo w
- 1
@Sigmanus: Odchodzi się powoli od klasowych komponentów. Ogólnie dużo przyjemniej się pisze na hookach.
Ale jeśli jest to mały projekt i bardziej chcesz iść w stronę backendu to nie przejmuj się tym.
Ale jeśli jest to mały projekt i bardziej chcesz iść w stronę backendu to nie przejmuj się tym.
- 1
ponawiam z wieksza iloscia tagow :P
Kiedyś robiłem w reacie jakąś baze dla siebie, teraz chcialem do tego wrocic i prawpodobonie nowe rzeczy nie wspolgraja ze starymi, ma ktos chwile odplatnie zerknac na to jak to naprawic bo juz nic nie pamietam :/
#react #webdev #programowanie #zlecenie #javascript
Kiedyś robiłem w reacie jakąś baze dla siebie, teraz chcialem do tego wrocic i prawpodobonie nowe rzeczy nie wspolgraja ze starymi, ma ktos chwile odplatnie zerknac na to jak to naprawic bo juz nic nie pamietam :/
#react #webdev #programowanie #zlecenie #javascript
konto usunięte via Wykop Mobilny (Android)
- 2
@skolfild: to sam popraw skoro chcesz wrócić do reacta xD
Komentarz usunięty przez moderatora























