Strona Główna /Angular Guides

Angular Guides

Post featured image
Fanis Prodromou

Testowanie jednostkowe widoków z blokami defer

Widoki z możliwością odroczenia ładowania (inaczej blok @defer) to nowa funkcja Angulara, dzięki której możemy deklaratywnie, leniwie załadować część naszego kodu HTML. Innymi słowy, możemy wybrać, która część naszego …

Post featured image
Dominik Donoch

Signal Store & NGXS: Zwiększanie Elastyczności w Zarządzaniu Stanem

Od czasu wprowadzenia sygnałów w Angularze otworzyły się nowe możliwości budowy nowych API wokół tej technologii, w tym zarządzania stanem. Najlepsze rozwiązanie w tym zakresie zostało opracowane przez zespół …

Post featured image
Dawid Kostka

Jak Zoptymalizować Bundle Size Angulara

Bundle size twojej aplikacji znacząco wpływa na doświadczenia użytkownika. Dzisiaj, z tak wieloma bibliotekami dostępnymi w npm, jest łatwiej niż kiedykolwiek zrujnować wydajność aplikacji poprzez zwiększenie rozmiaru bundle. W …

Post featured image
Fanis Prodromou

Jak używać bloku defer w Angularze, aby zwiększyć wydajność?

Zapewnienie użytkownikom satysfakcjonujących doświadczeń jest kluczowe – zwłaszcza, gdy oczekują oni na jakieś zdarzenie. W takich przypadkach pomocne może być wykorzystanie placeholdera czy loading indicatora. Co jednak w sytuacji, …

Post featured image
Milosz Rutkowski

Wszystko co musisz wiedzieć o Dependency Injection w Angularze

Wstrzykiwanie zależności, czyli Dependency Injection jest jednym z najważniejszych mechanizmów dostępnych w Angularze. Wzorzec ten zakłada odwrócenie sterowania i przekazanie gotowych instancji do klas, które z nich korzystają, zamiast …

Post featured image
Mateusz Basiński

Microfrontendy w Angularze: Przyszłość skalowalnych aplikacji front-endowych

Architektura mikrofrontendów jest już od dłuższego czasu dość dobrze znana. To bliźniacze podejście do doskonale znanej architektury mikroserwisów, stosowanej często po stronie backendowej.  Nasze aplikacje w większości składają się …

Post featured image
Kiril Zafirov

Zwiększ wydajność swojej aplikacji z NgOptimizedImage

Wprowadzenie Jak mówi pewne powiedzenie, zdjęcie jest warte tysiąc słów. W świecie webowym, natomiast, obraz może ważyć więcej niż wszystkie słowa na Twojej stronie razem wzięte. Aby sprawić, by …

Post featured image
Connie Leung

Jak zbudować galerię Pokemonów za pomocą nowego przepływu sterowania w Angular 17

Wprowadzenie W tym poście wytłumaczę jak zbudować prostą galerię Pokemonów, wykorzystując nowy przepływ sterowania (control flow) w Angular 17. Nowy przepływ sterowania jest nową cechą wersji 17 Angulara, która …

Post featured image
Dawid Kostka

Angular Styles Masterclass

Jako frontend deweloperzy jesteśmy odpowiedzialni za różnego rodzaju funkcjonalności w aplikacjach internetowych. Moim zdaniem drugą najważniejszą rzeczą zaraz po logice biznesowej jest zarządzanie stylami w aplikacji. To właśnie dzięki …

Post featured image
Łukasz Myszkowski

Między nami dyrektywami – Directive Composition API

W tym artykule dowiesz się, czym jest </span><span style="font-weight: 400;">Directive composition API, dlaczego jego wypuszczenie na świat trwało tak długo, jakie rozwiązuje problemy oraz jakie są jego zalety i …

Post featured image
Dominik Donoch

Bezproblemowe wdrażanie aplikacji Angularowej z użyciem Vercel

Angular + Vercel Jeżeli dopiero zaczynasz przygodę z Angularem, z pewnością chciałbyś mieć możliwość udostępnienia swoich projektów na zewnątrz. W oficjalnej dokumentacji, możemy znaleźć kilka receptur na deployment aplikacji …

Post featured image
Dawid Kostka

Internacjonalizacja – Czyli jak otworzyć aplikacje na świat – część 2

Przeczytaj częśc pierwszą Czym jest pluralizacja? Popularnym problemem występującym w sferze i18n jest pluralizacja – występuje gdy potrzebujemy wyświetlić inny tekst w zależności od wartości zmiennej. W większości bibliotek …