Slow builds stop developers' productivity cold. If code takes even two minutes to compile, it’s easy to get distracted. You lose your train of thought or, god forbid, open social media.
Subscribe
Get our best content on how to build better apps.
Subscribe
Get our best content on how to build better apps.
Got product development questions?
Join us on
Discord
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
RFC: Strictly Typed Reactive Forms Gotchas Every Angular Developer Needs to Know
Angular is a robust framework suitable for large codebases and enterprise applications. One significant contributing factor is Angular’s support for TypeScript. Angular is built entirely in TypeScript, and because TypeScript is Angular’s primary language, Angular’s documentation treats TypeScript as a first-class citizen.

Mark Thompson
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
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
Why You Should Move from Selenium to Cypress for Angular
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
How to Create Custom ESLint Rules (It's Not as Hard as You Think...)
Most teams develop patterns or preferred ways of writing code, but it can be tedious to enforce adhering to those patterns, especially for new team members onboarding. To help this, we rely on linters for basic formatting, but did you know you can take preference-enforcement to the next level by writing your own lint rules?

Fábio Englert Moutinho
What's a Micro Frontend?
Web applications can grow in size and complexity over time, making the addition of new features difficult. Micro Frontend architecture helps you with scaling and bundle size and gives multiple teams the ability to develop and deploy different parts of the app.

Idris Shedu
How to Build a Micro Frontend with Webpack's Module Federation Plugin
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