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

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

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

Angular

Handling Errors with RxJS

In Angular and other modern web frameworks, the UI is so intertwined that one unexpected response from the server can turn a beautiful website into a blank screen. Fortunately, you can build in error handling to help avoid this terrible scenario.

Adrian Ferguson

Adrian Ferguson

Angular

Why You Should Move from Selenium to Cypress for Angular

Do you use Selenium for your Angular testing? You should consider moving to Cypress. Selenium does one thing (end-to-end tests) that Cypress does, but Cypress also has many tools that allow for different types of integration tests.
 

End-to-end tests are meant to simulate a user interacting with your website. Selenium took the approach of building browser plugins that allow tests to interact with the browser, similar to how a user would. Cypress tests run inside the browser with an accompanying Node.js process for observing and controlling the network. This gives Cypress insights into the application's execution that Selenium doesn't have.

AJ Wiebe

AJ Wiebe

Angular

Boost Angular Performance by Rendering Pages with Scully

While Angular is one of the most widely used frameworks in the world, it has a problem with generating static sites that are performant and search engine optimized.

Jessie Valladares

Jessie Valladares

Angular

How to Build a Micro Frontend with Webpack's Module Federation Plugin

{% raw %}

Web applications can grow in size and complexity over time, making the addition of new features difficult. Micro Frontend architecture helps with scaling and bundle size and allows multiple teams to develop and deploy different parts of the app. Webpack 5 offers the Module Federation Plugin that lets you create multiple separate builds without dependencies between each other so they can be developed and deployed individually.

Idris Shedu

Idris Shedu