Angular with Meteor

So what is the current wayto get meteor running with angular?
The Meteor-rxjs package looks to not be maintained anymore, the angular-meteor site which is still linked to is outdated (using old and incompatible packages with new versions of everything)

1 Like

As part of the Meteor-Rspack integration, we plan to experiment with its support since there’s a Rspack plugin that enables it. Unfortunately, it’s not working yet, as the plugin still needs compatibility with Meteor’s implementation.

Hopefully, by the time we reach Meteor 3.4, it will be available.

2 Likes

A small teaser of what’s coming in a future Meteor release (hopefully a Meteor 3.4 beta). With Meteor 3.4 and Rspack integration, the door opens to many setups and tools. Most are easy to configure, while others like Angular, which relies on a package providing its own Rspack config, can be trickier to align with Meteor’s Rspack config defaults.

I’ve been experimenting with this integration and already managed to get a basic Angular app running with Meteor package code injected and working. Both Meteor and Angular configs now work together after some adjustments. In a future Meteor release, I’ll include a skeleton that covers the essentials, so that any Meteor user can have the option to develop using Angular, while getting the most from Meteor framework.

This is another clear example of how beneficial it is to delegate bundling to a modern tool as we are proceeding these days.

See the basic Angular app with Meteor used (Random.id()):


Thanks @joylunow to provide a small example, as I am not really familiar with Angular, having a proper small example helps me to go straight.

4 Likes

We are running an app with Meteor 2 and Angular, we have been looking for some possible solution for a migration to Meteor 3. Any news on this front is great.
Please let me know if there is a better place to follow up this topic?

I think following this topic: New 3.4-beta.12 Release, Faster Builds, Smaller Bundles and Modern Setups with the Rspack integration ⚡ - #89 by nachocodoner

This is where we will share the news and further developments on the bundler side.

For Angular-focused I think we will keep it here. I’ll keep this topic bookmarked for when we have a official release

Yes. I’ll post updates here on the Angular status in Meteor 3.4.

For now, I recommend your app follow the move away from fibers by using promises, and all other steps from Meteor 2 to 3. Get that ready, once done, it should be more straightforward to sort the bundler part when we wrap up Angular support.

That sounds great, I’m excited to see progress being made with angular with the rspack integration. From my last update I only managed to get meteor 3 and angular working only in a dev environment (which was very early in your initial rspack implementation), with different issues when building for a production environment.
If I may ask, do you have a repo with the config/options which enabled the integration between meteor and angular (csr only) to work on your machine? I’d like to test an integration in a pretty big application to see if there are some unknown issues in a big codebase and to provide some feedback if it helps (since I’m seeing that there are some other devs stuck with angular 11 and meteor 2.16 - which is nearing its EOL).
Thanks

This post is mainly to get the attention of all Angular users who used it in Meteor 2.x. It would be great if everyone reading can show up here, or at least answer the survey below. I’m trying to understand who is affected, and my plan from the start has been to experiment with this and help unblock you. Any experience from Meteor 2.x should still be possible in Meteor 3.x, and if it’s up to me, I’m committed to making sure of that.

Do you have a Meteor 2.x app using Angular and want to migrate to Meteor 3?

  • Yes, I use Angular in Meteor 2.x
0 voters

I think the best strategy right now is to wait for Meteor 3.4-beta.13. My testing already showed an app running, and I plan to move some configs into the default meteor rspack package, as well as make changes in the Meteor tool so that Angular integration is possible and smoother. I will also create a new skeleton as part of meteor create --angular, so it can be a clean starting point for everyone to try.

Give me a little more time and we can start what you suggested. We can branch out the conversation on how you migrate large Angular app, do the transition, and report and fix any issues as we go.

2 Likes