Angular

Articles about Angular on omid.dev — guides, topics, and notes from the field.

Micro Frontends: Working Example

Published: May 11, 2024 Reading time: 7 min

Now let’s explore a working example to understand it better. Companion resource Companion Project Try the working example in your browser or inspect the full source code behind this article. github.com/omidfarhang/example-projects/examples/qwik-angular-react-rust Open live demo View on GitHub Building a Micro Frontend Architecture with Qwik, Angular, React, and Rust Micro frontend architecture is a practical way to develop scalable and modular web applications. By breaking down a monolithic frontend into smaller, independently deployable modules, teams can work more efficiently and scale their applications with ease. ...

Continue Reading

Micro Frontends: How?

Published: May 9, 2024 Reading time: 3 min

As web applications grow in complexity, maintaining a consistent tech stack becomes crucial for efficiency and scalability. If you have multiple projects using different frameworks, like Angular and React, unifying them can seem daunting. However, Micro Frontends offer a modern solution to this challenge, allowing you to integrate diverse projects seamlessly. Here’s how you can leverage Micro Frontends to unify your Angular and React projects. Micro Frontends extend the microservices idea to the frontend world. They allow different teams to develop and deploy their frontend applications independently. Each part of the application can be built using different frameworks or libraries and then integrated into a larger application. ...

Continue Reading

Micro Frontends: Why?

Published: May 9, 2024 Reading time: 5 min

Micro frontends is an architectural pattern for building web applications as a composition of loosely coupled, independently deployable frontend modules. It extends the principles of microservices to the frontend, allowing teams to develop, deploy, and scale parts of the user interface independently. In essence, micro frontends break down a large, monolithic frontend application into smaller, more manageable pieces, each with its own technology stack, development team, and deployment pipeline. Key characteristics of micro frontends Modularity: Micro frontends promote modularity by dividing the user interface into smaller, self-contained units called micro frontends. Each micro frontend represents a cohesive set of features or functionality, allowing teams to focus on developing and maintaining specific parts of the application. ...

Continue Reading

From Laravel and AngularJS to Spring Boot and Angular: A Full-Stack Migration Field Report

Published: May 22, 2017 Reading time: 10 min

In January I wrote about moving our frontend from AngularJS to Angular. That migration is still running — we are on Angular 4 now, which shipped in March and turned out to be a painless bump from 2.4. The bigger shift landed on the backend: our APIs used to live in Laravel, and we are rewriting them in Java with Spring Boot 1.5.3. This is my first real Java project. I have years of PHP — mostly Laravel — and a few months of TypeScript from the Angular work. I also wrote C# in college, which turns out to matter more than I expected. Java does not feel like learning a foreign language. It feels like meeting someone who speaks a dialect you half understand. ...

Continue Reading

Six Months with Angular 2 After Years of AngularJS

Published: January 18, 2017 Reading time: 10 min

Angular 2.0 shipped in September. We are on 2.4 now, and the release train is already moving — Angular 4 is being talked about openly. I have been building with it since October, migrating a medium-sized internal dashboard that lived in AngularJS for three years. This is not a tutorial and not a verdict. It is a field report from someone who still dreams in $scope sometimes. The context nobody warns you about If you spent years on AngularJS, you did not “upgrade.” You rewrote. Google offers ngUpgrade to run both frameworks side by side, and we tried it for two weeks before giving up. Our app had too many directives, too much implicit magic, and too many $watches buried in places nobody remembered. We picked a greenfield module, scaffolded it with the CLI, and started porting feature by feature. ...

Continue Reading