Loading
Angular

Module Federation and Angular Service Workers (PWA)

{% raw %}

Do you use the Module Federation plugin in your Angular project? If your project dynamically consumes large federated code chunks from a remote container, you risk having downtime in your remote server or having lags when you navigate between routes. If so, you should use Angular service workers to cache and serve your federated code.

Idris Shedu

Idris Shedu

My Favorite Panels from AxeCon 2022

AxeCon is a free digital accessibility conference put on by Deque Systems. I attended AxeCon for the first time in March of 2022, focusing on panels related to web components and design systems. In no particular order, here is an overview of some of my favorite panels from AxeCon 2022!

Wade Harkins

Wade Harkins

Angular

Improve Angular Performance and SEO with Angular Universal

Did you know Google factors in the speed a page loads when ranking pages?  Even if you're successfully managing your site's metadata, your SEO will take a hit if your page loads slowly. And beyond site rankings, slower loading pages result in a poor user experience, leading to higher bounce rates, lower average time spent on the page, and lower conversions.

Jessie Valladares

Jessie Valladares

Design

Use Flexbox to Create a Sticky Header & Sidebar with Flexible Content

The redesign of the CanJS website required a way to create a fixed header and a fixed flexible sidebar that adjusts its width based on its content. The main content container also needed to flex to accommodate more (or less) sidebar content.

Here's a layout hack using Flexbox for creating your own HTML template with:

Luca Wistendahl

Luca Wistendahl

Design

How to Think About and Build Design Systems

Establishing a Design System improves the quality of a product for the people creating and maintaining it and offers the end-user a better experience. While building a Design System prior to creating a product is the best approach, you may find yourself in the position of having to create one retroactively. Instead of having made documented design decisions prior to development, you have to identify existing patterns and consider how best to standardize them. 

Wade Harkins

Wade Harkins

Angular

How to Solve Common Value Boxing Issues in ngrx-forms

The ngrx-forms library is a valuable tool for bringing Redux-style state management to your application’s forms. However, its concept of Value Boxing hides a few pitfalls that can be tricky to troubleshoot.

Learn what Value Boxing is and find out how to parse common error messages and add Value Boxing to your ngrx-forms.

Jonathan Spickerman

Jonathan Spickerman