Siema, pytanie do front-endowców stricte.

Tworzycie w pracy aplikacje frontendowe z wykorzystaniem typescript? Jak bardzo Wam to pomaga/utrudnia pracę?

Nie pracuję komercyjnie, a bardzo bym w przyszłości chciał. Cały czas uczę się nowych rzeczy, i tak w momencie sięgnięcia po reduxa typescript w projekcie mi po prostu zaczął wadzić. Nie mając pojęcia o reduxie edytor co chwila domagał się typowania w metodach, które dopiero co poznaję i jeszcze nie rozumiem co dokładnie
  • 16
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@nowy000: @FiranMercury: Ale żeby ogarnąć TS tak wstępnie trzeba zejść trochę do podstaw bo typy interfejsy generyki zabiją całą przygodę. Nie ma co zaczynać taka mieszanką bo np napisanie zwykłego pure componentu czy tam funkcyjnego zrobi problem bo typ bierze interfejs propsów z domieszką routera to jeszcze zachodzi extends interfejsu i się bigos robi.
  • Odpowiedz
@FiranMercury spróbuj raz a już nie będziesz chciał przestać, użycie TSa nie sprawi magicznie że kod staje się dobry, ale może stać się "mniej zły" przez to że przynajmniej wiadomo np. co wchodzi i co wychodzi z funkcji, jaka jest wartość zmiennej itp
  • Odpowiedz
macie do polecenia jakieś książki dotyczące budowania aplikacji webowych?
może być też coś związane z SPA, React, strony internetowe typu MPA

ps. potrzebuje czegoś do bibliografii do pracy lic

#programowanie #frontend #react #javascript
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

via Wykop Mobilny (Android)
  • 0
@xaro: wejdź na helion/empik szukaj książki z react potem z js potem z spa itd następnie wklej byle jaką znalezioną co w tytule ma szukaną frazę. Przecież i tak nikt tego nie sprawdza
  • Odpowiedz
Jest pierwszy perk na liście oczekujących na Summon The JSON: 10 tapet programistycznych za darmo

Dołącz teraz: http://bit.ly/summon-the-json

#programowanie #naukaprogramowania #programista15k #java #informatyka #javascript #frontend #backend #angular #pracait #webdev #fullstack #php #python #react #webdesign #justnewsit #devops
tomaszs - Jest pierwszy perk na liście oczekujących na Summon The JSON: 10 tapet prog...

źródło: comment_15837718232U9yhpkWbkxKbwPDCiETFR.jpg

Pobierz
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@pokusof: Tego się właśnie boję - biorąc pod uwagę jak wyglądają przyrosty zarażonych np. w Niemczech to będzie ciężko to ręcznie aktualizować samemu. Może coś przyjdzie mi jeszcze do głowy, ale dzięki. :)
  • Odpowiedz
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
  • 11
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@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.
  • Odpowiedz
@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ć
  • Odpowiedz
#react #programowanie #javascript

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.
  • 21
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

  • Doceń
@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.
rimyi - @look997: Próbujesz rozwiązać problem, który w realnym świecie nie istnieje. ...
  • Odpowiedz
@look997: AKTUALIZACJA:
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ć
  • Odpowiedz
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.

----------

Zapisz się na mirkolistę: https://mirkolisty.pvu.pl/list/kqLmWfjCV96YaWzk

-> AlertTag
justjoinit - Co ciekawego wydarzyło się w minionym tygodniu? Tym razem frontendowcy p...

źródło: comment_1582885954Vuq773goBOBx5qL7CYGwR2.jpg

Pobierz
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

  • 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
  • Odpowiedz
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
  • 6
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@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
  • Odpowiedz
via Wykop Mobilny (Android)
  • 1
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
  • 10
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@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
  • Odpowiedz
@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.
  • Odpowiedz
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:
justjoinit - Zapraszamy do lektury najnowszego wydania Prasówki Technologicznej. Tym ...

źródło: comment_15822826506hmhOq3t0JtoGYsPbpGmZh.jpg

Pobierz
  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

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ą:

"start":
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@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ę
  • Odpowiedz