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

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

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

🔥 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

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

@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
🚨 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

Oto ostateczna wersja kodu w TypeScript, co wysyła pliki na serwer w częściach. Co tu się dzieje:

1. W funkcji initUpload() wysyłamy do serwera metadane, aby zweryfikować, czy plik nie został wcześniej wgrany. Trzeba jeszcze dodać liczenie SHA-256, a z tym mam trochę obawy, bo film nagrany telefonem może ważyć 2 GB, a wrzucenie całego pliku do pamięci, aby skorzystać z Crypto API (bo chyba strumieniowo się nie da), spowoduje wykrzaczenie się przeglądarki.

2.
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

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

@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
@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
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

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

@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
@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
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

Angular wprowadził nową składnię szablonów typu:

@if (is_pies) {
<pies></pies>
}

Ale zastanawiam się, czemu nie użyjemy składni, która już istnieje np. w HTML, czyli
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Szukam wymiatacza ze znajomością angulara, ngrx, material design i cursora. Ng 14+, scale-up USA robiący software AI. Brak godzin pracy. Pełny remote. Github koniecznie.

W budżecie mamy przewidziane $30 - $50 za godzinę (~20k-30k PLN miesięcznie) netto B2B.

#pracait #angular #pracaszukaczlowieka
  • 9
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Pierwszy raz w życiu planuję postawić aplikację na VPS, gdzie polecacie? Przede wszystkim aby porządnie działało, ale też nie pogardzilbym jakby nie kosztowało milionów. Niezbyt też orientuję się jakie parametry serwera będą wystarczające, będzie na nim postawiony front w angularze, backend w asp .net core, baza sql server express. Lokalizacja najlepiej w Polsce. Ktoś coś jest w stanie doradzić?

Testowo stawiałem tą apke w azure, angular jako static web app, .net jako
  • 6
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach