NgRx Architecture & Development

Our clients are building complex enterprise Angular applications that require a robust state management solution. LiveLoveApp Principle Architect Mike Ryan co-authored NgRx and is a core team member.

Plus, we are Google Developer Experts (GDE) in Angular. We'd love to hear about your Angular + NgRx project.

Talk to NgRx Architects
GoogleThe Motley FoolAg GridClickUpScopeWorkerFedExRunwayM&T BankSantander

The team atLiveLoveApp logoare industry renowned experts that I have come to know through their work. Their understanding of the technical details, mixed with their excellent teaching and coaching style is top notch.

Niall, Founder of AG Grid

Niall Crosby

Creator of

AG Grid
ClickUp Logo

ClickUp partnered with LiveLoveApp to rapidly improve their Angular app performance

ClickUp is a unicorn startup that enables customers to keep all of their work in one place - and they are growing fast! This demands building at scale: reducing build time, accelerating innovation while reducing technical debt, and maximizing runtime performance.

LiveLoveApp collaborated with teams at ClickUp and external contractors to vastly improve the performance by leveraging Angular's Component DevKit and NgRx for state management.

ClickUp User Interface
SaberSim Logo

SaberSim partnered with LiveLoveApp to build winning daily fantasy sports lineups

Daily fantasy sports is a fast-paced industry where users expect lightning-fast performance to enable them to analyze and adjust their player projections and exposures. SaberSim partnered with LiveLoveApp to re-architect their Angular application to meet the performance demands of their users.

LiveLoveApp started with an architecture review to identify performance bottlenecks and opportunities for improvement. Over the 2-year contract duration, we worked with the development and leadership teams at SaberSim to refactor and rebuild their application with performance at the core. We then implemented a custom AG Grid solution that met SaberSim's performance requirements.

SaberSim User Interface
Mosaic Finance Logo

Mosaic Finance partnered with LiveLoveApp for NgRx and Angular architecture and training

Mosaic Finance is a fintech startup that is building a new way to manage your money. Mosaic partnered with LiveLoveApp to improve the architecture of their Angular application and train their team on NgRx.

LiveLoveApp conducted an architecture review of the Mosaic Finance Angular application and identified opportunities for improvement. We then worked with the development team at Mosaic to refactor and improve the application architecture.

Mosaic User Interface
SaberSim Logo

LiveLoveApp architected the largest legacy application migration to the web for Santander Consumer USA

Santander is a multinational financing and banking organization. The Santander Consumer USA subsidiary offers auto loans and other financial products in the US. Santander Consumer USA partnered with LiveLoveApp to migrate their legacy application for managing auto loans to be cloud ready.

For the first phase, Santander engaged LiveLoveApp to conduct an analysis and provide a roadmap for migrating their legacy application to the web. LiveLoveApp conducted an architecture review and provided a detailed plan for migrating the application to Angular. Throughout the analysis phase of the project we worked with senior leadership, architects, engineers, users, and agents to identify, evaluate, and recommend a migration solution.

LiveLoveApp was hired as the lead architects for the migration project that followed. Over the course of the project, we worked with the development team at Santander and engineering resources with our partners to design, build, document, and migrate users from the legacy application that was delivered via Citrix to a web-based application built with Angular.

This project required technical leadership to drive innovation, and Santander Consumer USA was able to sunset the legacy application and move to a modern web application that is cloud ready.

Santander Consumer USA
NgRx
Dev
NgRx Dev
How do I know if my current NgRx architecture is correct?

NgRx reinforces best practices for buildingreactive applications using Angular.

NgRx provides Redux-style patterns for state management, both at the global and component levels.

One of the most common questions we get asked is:Is my software architecture with NgRx correct?

LiveLoveApp can assess your Angular and NgRx application architecture, providing guidance and prioritized recommendations from NgRx Core Team members.

How do I use good action hygiene to avoid confusion and increase developer mobility?

Good action hygiene follows four key principles:

  1. Do not reuse actions.
  2. Use descriptive action types.
  3. Avoid action subtyping.
  4. Focus on clarity over brevity.

Are you following these best practices in your Angular application?

Following good action hygiene can significantly improve developer experience, reducing confusion and increasing software development velocity.

We pioneered good action hygiene with NgRx. Let’s ensure your team is set up for success.

How do I measure and ensure that my selectors are optimized and performant?

NgRx is optimized for high performance, but selectors can introduce performance bottlenecks.

While selectors are memoized, complex chains of dependent selectors can slow down your application.

Are you experiencing performance issues with your Angular application using NgRx?

We can help by:

  • Performing an architecture review of your NgRx-based application.
  • Identifying and optimizing expensive selector computations.
  • Reducing technical debt and improving overall performance.
How do I write effective tests for NgRx - especially the side effects?

Writing tests for NgRx can be challenging, especially for side effects.

Google recommends a minimum of 60% code coverage. We can help you achieve and exceed this standard.

We recommend:

  • Writing unit tests for your effects, selectors, and reducers.
  • Using simple functional tests for selectors and reducers.
  • Refactoring complex effects to make them easier to test.

NgRx provides built-in testing solutions—we can help your team leverage them to write reliable, automated tests.

Work With Us
What is the process for working with LiveLoveApp?

We start with a discovery call to understand your business needs. We then provide a proposal outlining the project scope, timeline, and cost. Once the proposal is approved, we kick off the project with a meeting to align on objectives and deliverables.

Many projects begin with an Architecture Review (deep dive into your codebase to identify bottlenecks) or a Design Sprint (collaborative workshop to define the problem and create a project plan).

How do you ensure that the project stays on track?

We use an agile methodology to ensure the project remains on track. Our process includes breaking work into sprints, delivering working software incrementally, and holding daily standups to address blockers quickly.

How long are most projects?

Our projects range from 3 months to 12 months. We work with clients on both a project basis and a retainer basis. We’d love to discuss your needs and create a proposal.

How do you handle maintenance and support?

We offer maintenance and support packages for our clients. Many opt for a flexible bucket of hours for ongoing support, questions, and collaboration.

What is the cost of working with LiveLoveApp?

The cost depends on the project scope. We provide a detailed proposal and ensure that projects stay within budget.

We are software architects, which means we work efficiently and deliver exceptional value. While our rates may be higher than general development agencies, we strongly believe that you get what you pay for.

Is it just the three of you?

Yes! We are a small team of software architects. We also have a network of developers we collaborate with on a project basis.

We believe this is a strength. We are really good at what we do.

We are hungry for AI projects

We can't stop thinking about how AI changes the way people explore, visualize, and act on complex information—all through the power of natural language.


We seamlessly blend advanced AI capabilities into your data grids and visualizations. Imagine simply asking, "Which products had the highest sales last quarter?" and watching as filters, charts, and dashboards adjust instantly—no code or cumbersome menus required. We know how to connect grids to large language models to make data interaction effortless and insightful.

Now imagine a software team that's fully AI-accelerated. The team leverages the best: ChatGPT for brainstorming and content generation, Cursor for intelligent code completion and scaffolding, Warp for lightning-fast terminal workflows, and more. That's the team at LiveLoveApp, and we can move mountains fast.

Schedule a Demo

We run like a startup

We keep things simple: design, develop, release — then do it again, improving each time. We’ve worked with startups and enterprises in investing, banking, accounting, and finance, so we know how to move quickly without cutting corners all while maintaining compliance.

As Google Developer Experts and trusted collaborators with the Ag Grid team, we bring deep technical expertise to every project. If you’re looking for a team that focuses on building great software without the fluff, that’s us.

Let's work together
design
develop
release

Learn With LiveLoveApp

As Google Developer Experts we have taught thousands of developers. We have hand-crafted course content that we use to deliver workshops at technology conferences around the world (literally).

Check out all of our course content for free.

Our Courses
Angular
React
AG Grid
RxJS
NgRx
NgRx Architecture & Development
Let's work together