Wszystko

Najnowsze

Archiwum

tomaszs
  • 2
AI pisze ci aplikację w kilka godzin.
Ale też potrafi w tym czasie zrobić taki bajzel, że sam się z niej nie wyplączesz.
7 pułapek Vibe Codingu, które mogą rozwalić ci kod — i jak tego uniknąć:
https://tomaszs2.medium.com/vibe-coding-is-the-future-but-it-can-wreck-your-codebase-if-youre-not-careful-a5f3ea3a4f15

#programowanie #ai #vibecoding #javascript #angular #vuejs #webdev #machinelearning #naukaprogramowania #devlife
  • 2
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
SendMeAnAngel
  • 1
Pytanie do twórców aplikacji w Angular Material. Czy używacie jakiegoś systemu siatek? W Angular Material nie ma. W innych frameworkach CSS różnie bywa. Teoretycznie powinno się tak pisać kod CSS, aby elementy pozycjonowały się same w zależności od rozdzielczości ekranu, ale jeśli to, jak rozmieszczą się elementy, pozostawimy dziełu przypadku, to na różnych ekranach elementy zaczną się rozjeżdżać. Chyba nie wymyślono nic lepszego od systemu siatek Bootstrap, tylko kiedyś trzeba było pisać
  • 5
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
SendMeAnAngel
  • 0
Nie wiem czy ja dobrze Cie rozumiem, ale jak to nie ma grida w Angular Material?


@ra_s: A jest responsywny, tzn. zmienia się ilość kolumn w zależności od rozdzielczości ekranu?

Mam same nieprzyjemne doświadczenia z angularowym materialem. Jeżeli masz możliwość, ucieknij na coś
  • Odpowiedz
ra_s
  • 0
@SendMeAnAngel: No może nie jest to takie proste jak przy użyciu Bootstrapa czy Tailwinda, ale jak najbardziej da się ogarnąć responsywność tylko z samym Angular Material. Po drugie co Ci szkodzi użyć Bootstrapa czy Tailwinda aby ogarnąć pewne aspekty wizualne swojej aplikacji, przecież to nie jest zabronione.
  • Odpowiedz
tubkas12
  • 6
@LM317K: raczej to oznaka odpływu kapitału z frontendu, przecież ci ludzie od 10 lat ciągle przepisują to samo i wymyślają koło na nowo, teraz rynek mówi stop kasę wrzucamy w ai to się "rynek się zrobił dojrzały"

a wiesz co by było dojrzałością? gdyby jsa w------o z weba, to było zawsze nieporozumienie i wszyscy przeszli na webassebly albo jakiś porządny typowany język z wysoką wydajnością a nie transpilacja na transpilacji
  • Odpowiedz
tomaszs
  • 1
Byku, każdy to zna — jedna literówka i bach, zero wyników. Zero podpowiedzi. Zero litości.

A teraz wyobraź sobie, że rozwiązanie istnieje od 1965 roku… i większość aplikacji dalej je olewa.

Przestań tracić użytkowników przez głupie literówki:
https://tomaszs2.medium.com/stop-losing-users-to-typos-use-fuzzy-search-in-your-angular-and-vue-apps-35a3e761b322
  • 1
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
tomaszs
  • 2
Przesiądź się na Standalone Components w Angularze!

Jeśli budujesz skalowalne aplikacje w Angularze na poziomie enterprise, musisz dobrze zaplanować architekturę projektu. To, co działa przy dwóch-trzech devach, musi być możliwe do utrzymania przez całe zespoły. W dużych aplikacjach mamy często 100-500 komponentów i tyle samo usług, więc organizacja kodu jest kluczowa.

Koniec z modułami?

Przed
tomaszs - Przesiądź się na Standalone Components w Angularze! Jeśli budujesz skalowa...

źródło: temp_file2577075981482179782

Pobierz
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
tomaszs
  • 1
Budujesz skalowalne aplikacje w Angularze? Pomogłem firmom wartym miliardy dolarów obsłużyć miliony użytkowników—bez dramatu.

Zgarnij mój darmowy checklist, żeby:
✅ Ogarnąć architekturę, która nie rozpadnie się po pierwszym update
✅ Uniknąć koszmarów wydajnościowych
✅ Wypychać ficzery szybciej niż konkurencja
tomaszs - Budujesz skalowalne aplikacje w Angularze? Pomogłem firmom wartym miliardy ...

źródło: temp_file2251912627767727457

Pobierz
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
tomaszs
  • 1
🔥 Ruszyły preordery! 🔥

Jeśli chcesz ogarnąć skalowalne aplikacje Angular dla enterprise, to mój kurs Scaled jest dla Ciebie. Zero lania wody, same konkretne wzorce i najlepsze praktyki.

📌 Zamawiaj teraz: https://summonthejson.com/products/scaled-architecting-scalable-enterprise-angular-applications-course

#angular #programowanie #webdev #architekturaprogramowania #typescript #frontend #naukaprogramowania
tomaszs - 🔥 Ruszyły preordery! 🔥 Jeśli chcesz ogarnąć skalowalne aplikacje Angular...

źródło: temp_file7357378469112592772

Pobierz
  • 4
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
mirasKo-Kalwario
mirasKo-Kalwario
  • 0
@tomaszs: spoko, dzieki za wyjasnienie. co do tego ze aplikacja obsługuje 10k czy 30kk userów to poruszasz jakies tematy backendowe? bo jesli chodzi o front to on zawsze ma jednego użytkownika i jest uruchamiany na jego maszynie - chyba ze chodzi o jakies patterny np ładowania danych tak aby nie zabijać backendu i żeby backend nie musial miec 1k instancji
  • Odpowiedz
tomaszs
  • 0
@mirasKo-Kalwario: tak, frontend jest uruchamiany na urządzeniu użytkownika (jesli pominiemy SSR). Jednak zasoby tego urządzenia sa ograniczone np pamięć, wydajność, do tego dochodzą ograniczenia szybkości internetu, który jest potrzebny zeby aplikacje pobrać i pobierać dane z API. A serwery też maja ograniczenia. Tutaj juz nie bede rozwijał tego bo to wiesz. Także tak, w kwestii wydajności aplikacji frontowych są patterny optymalizacji. Np. lazy loading samego kodu aplikacji frontowej, tree shaking
  • Odpowiedz
hanyska2
  • 1
Hej, macie jakieś fajne strony / profile na Youtube gdzie możecie poczytać, dowiedzieć się nowych rzeczy z Angulara? Być może jakieś kursy, poradniki by głębiej dowiedzieć się co się dzieje w "środku" kodu Angulara.
Macie jakieś wartościowe blogi, artykuły, kursy, a może kanały YouTube, które pomogłyby mi zgłębić te tematy na wyższym poziomie?

#angular #programowanie
  • 4
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
Futhark
  • 1
@nilphilus kiedyś tak było że dwie instancje, teraz działa już od dosyć dawna normalnie. Ja normalnie w pracy używam na ogromnym projekcie i bez problemu wszystko śmiga, no i sporo rozszerzeń i przede wszystkim open source darmowy
  • Odpowiedz
tomaszs
  • 0
🚨 Mroczna strona dobrych praktyk 🚨

Dlaczego nawet najlepsi inżynierowie mają problemy ze skalowalnością frontendu? 🤯

Dobre praktyki mogą szkodzić, jeśli są źle stosowane.

🔗
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
SendMeAnAngel
  • 0
Kiedyś kazali wstrzykiwać zależności przez konstruktor, bo to ułatwia testowanie i wprost pokazuje, jakie zależności ma dany komponent. Teraz twórcy Angulara stwierdzili, że lepiej przez inject(). Jakie macie zdanie? Migrować z konstruktorów na inject()?

Było:

export class PiesComponent {
constructor(private kosc: KoscService) {}

Wstrzykiwanie zależności w OOP

  • Tylko przez konstruktor 64.3% (18)
  • inject(), @Inject, @Autowired... 35.7% (10)

Oddanych głosów: 28

  • 8
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
SendMeAnAngel
  • 2
@ly000: Z jednej strony tak, z drugiej możesz sobie napisać własną funkcję indeks() w FW, który tego nie obsługuje. W dokumentacji Angulara jest wyjaśnione, że inject() pozwala wstrzyknąć zależność gdziekolwiek, np. w jakimś utilsie.

Po drugie i tak uzależniasz, jeśli wstrzykujesz komponenty danego FW.
  • Odpowiedz
ly000
  • 1
@SendMeAnAngel: no i po co robić te akrobacje, skoro możesz po prostu użyć konstruktora? konstruktor daję ci też to, że masz gwarancję, masz masz dostęp do danej zależności od początku istnienia obiektu, już nawet w konstruktorze, i wynika to bezpośrednio ze składni języka, a nie jakichś czary-mary frameworka. tego typu "injecty" np. w Javie to się używało 20 lat temu i od baaardzo dawna uważa, się że to jest zła
  • Odpowiedz
SendMeAnAngel
  • 0
Czy potrzebny jest dodatkowy komentarz odnośnie tej biblioteki? Oficjalny framework GUI od twórców Angulara, a nie ma łączonego komponentu wyboru daty i godziny (bo nie), po wielu latach dodali osobno wybór godziny, ale jeśli zmienisz datę, to resetuje się godzina (jeśli używasz formControlName zamiast ngControl, to tej zmiany nie widać w GUI), a jeśli zmienisz godzinę, to czasami resetuje się także data (gdy data jest z automatu ustawiona i jeszcze ręcznie nie
  • 4
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
mattz_
  • 0
nie ma łączonego komponentu wyboru daty i godziny (bo nie)


@SendMeAnAngel: w ngx-bootstrap też nie ma, musiałem sobie sam połączyć, na szczęście udało się bez jakiś fikołków. Mnie Material strasznie nie leży, a wszyscy go polecają że taki super do Angulara.
  • Odpowiedz
SendMeAnAngel
  • 0
Używacie jakiejś biblioteki do przechowywania globalnego stanu aplikacji w #angular? Przydałoby się coś, co działa podobnie do RTK Query (React Toolkit), że raz pobrane zasoby z serwera są w cache, że modyfikacja zasobu powoduje automatyczne odświeżenie lub zostanie podmieniony jeden konkretny dodany/edytowany element bez odświeżania całej listy...

W Angularze 19 pojawił się Resource API, ale przeznaczony raczej do używania w komponentach z sygnałami, czyli dalszy ciąg upodabniania Angulara do Reacta. https://push-based.io/article/everything-you-need-to-know-about-the-resource-api
  • 2
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
Futhark
  • 2
@SendMeAnAngel jest oficjalna wersja tanstack query - angular query.

jeśli chodzi o resource API to nadal nie powinno być stosowane bezpośrednio w komponentach tylko oddzielnych serwisach, nie upadajmy tak nisko
  • Odpowiedz
mathes
  • 0
@SendMeAnAngel: singleton service, w środku http call + ładowanie do subjecta (bądź innego typu observable), chociaż można prościej to zrobić, po prostu zmiennej zapisać w serwisie.
  • Odpowiedz
mdlejtecole
  • 0
Mam stronę w angular i hostuje ją jako serwer przy pomocy angular universal.
Ma ktoś jakiś fajny poradnik jak dodać wiele języków do aplikacji? Aktualnie mam ją tylko w języku polskim, ale chciałbym dodać język angielski.
Na codzień nie zajmuje się front end. Robie mała stronę dla własnych potrzeb. Więc wolał bym jakieś prostsze rozwiązanie.

#angular #programowanie
  • 1
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach

Powiązane tagi