What’s new on Meteor Client Bundler — Better React Native support, handling Meteor imports etc…

Introduction to new features of MCB

source: https://blog.meteor.com/leverage-the-power-of-meteor-with-any-client-side-framework-bfb909141008

Meteor Client Bundler is a solution for packaging Meteor’s official client packages into a single module in order to use your projects not using Meteor CLI.
Until last version, it is not possible to use MCB on non-browser projects without some tricks such as React Native, Electron etc…

New Features on MCB

• Generate stub modules for meteor/[PACKAGE] if you cannot use module-aliasing somehow. It is really challenging situation on Angular CLI and React Native CLI.
• Use external NPM modules from your client project’s node_modules directory instead of adding it to the Meteor Client Bundle; this is required not to duplicate react for React Native projects.
• Possibility not to add __meteor_runtime_config , if you want to add it by yourself in your project. Especially, if you want to seperate production and development URLs for Meteor backend

This features allow you to use directly Angular CLI and React Native CLI without the need of ejecting any configuration file.

Also, there is other specific post about React Native CLI integration of Meteor without using 3rd party libraries such as react-native-meteor or react-meteor-data which are copies of official client libraries. The most important disadvantage of using these extra libraries is lack of code sharing between Meteor and React Native project. Otherwise, Client Bundle generated by MCB allows this.

Related posts

• You can access React Native integration post from this link;

https://medium.com/@ardatan/connecting-react-native-and-meteor-w-o-any-3rd-party-library-in-2018-3e784d33acb0

• Another post explains Angular CLI with MCB is here;

https://medium.com/@ardatan/angular-cli-meteor-no-more-eject-webpack-configuration-4e718aa855b6

Examples

These are direct links to the example projects using MCB;

• Angular CLI Example; https://github.com/Urigo/angular-meteor/tree/master/examples/AngularCLI
• React Native CLI Example w/ Expo; https://github.com/DAB0mB/ReactNativeMeteorBoilerplate

Special thanks to Urigo for this great tool, and allowing me to modify the code to add these features.