How to bypass mobile app review thanks to Capacitor, Ionic, and micro frontends 🤯

• ionic-module-federation

  1 5 3.5 TypeScript

For code with everything I will show today, you can check my [ionic-module-federation GitHub repository](https://github.com/robert-orlinski/ionic-module-federation)!

• webpack

  330 64,160 9.8 JavaScript

  A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.

  

If I choose React as a used framework, Ionic’s boilerplate is based on Create React App. Because of it I want a tool which edits Webpack’s configuration without ejecting CRA’s configuration.

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• react-native

  524 115,579 10.0 C++

  A framework for building native applications using React

  

Compiled - one codebase compiled to 2 native apps written in React Native or Flutter for instance,

• ionic-docs

  15 568 9.7 HTML
  

But these actions are not the ones I will take right now. You can read more on them in Ionic, Capacitor, Apple, and Google documentations.

• Ionic Framework

  129 50,386 9.9 TypeScript

  A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.

  

To be honest, we have not only Capacitor but also Cordova which Capacitor is based on but because Capacitor is more popular, has better community, deals with some problems better, and works beautifully with Ionic Framework I will tell more in a second, I simply recommend Capacitor.

• Flutter

  1,203 161,649 10.0 Dart

  Flutter makes it easy and fast to build beautiful apps for mobile and beyond

  

Compiled - one codebase compiled to 2 native apps written in React Native or Flutter for instance,

• create-react-app

  575 101,853 1.5 JavaScript

  Set up a modern web app by running one command.

  

If I choose React as a used framework, Ionic’s boilerplate is based on Create React App. Because of it I want a tool which edits Webpack’s configuration without ejecting CRA’s configuration.

• InfluxDB

  www.influxdata.com sponsored

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• craco

  32 7,361 6.4 TypeScript

  Create React App Configuration Override, an easy and comprehensible configuration layer for Create React App.

  

As I mentioned, in our case, the perfect tool for this job is CRACO. It will let us simply overwrite CRA’s configuration without ejecting.

• Apache Cordova

  56 3,589 4.8 JavaScript

  Apache Cordova Android

  

To be honest, we have not only Capacitor but also Cordova which Capacitor is based on but because Capacitor is more popular, has better community, deals with some problems better, and works beautifully with Ionic Framework I will tell more in a second, I simply recommend Capacitor.

• capacitor

  154 11,126 9.4 JavaScript

  Build cross-platform Native Progressive Web Apps for iOS, Android, and the Web ⚡️

  

Hybrid - web app opened in a web view inside of a mobile app - we build web app and then use Capacitor for example to run this web app inside of a native mobile app,

Suggest a related project