babel-plugin-mobile-optimizer-react
Babel plugin that removes class methods and JSX elements based on conditions.
Conditions are passed based on env variables which are JSX_ENV :- Remove JSX Elements matching with element name. CLASS_METHOD_ENV :- Remove class methods ending with this string
Example
Condition is that we want to remove desktop related code when viewing the web app in a mobile device. This plugin helps to remove the code during the build time itself when a chunk is created.
Your App.js
that contains this code:
{ console; } { console; } { return <div> <table> <tr data-mobile onClick=thishandleClick_mobile> <td>Mobile</td> </tr> <tr data-desktop onClick=thishandleClick_desktop> <td>Web</td> </tr> </table> </div> ; }
will be transpiled to:
{ console; } { return <div> <table> <tr data-mobile onClick=thishandleClick_mobile> <td>Mobile</td> </tr> </table> </div> ; }
You like?
⭐️ this repo
License
MIT © SanketMaru