{"name":"mrga","version":"1.0.3-2","main":"lib/mrga.bundle.js","types":"lib/index.d.ts","scripts":{"build":"npx webpack --config webpack.config.js"},"dependencies":{"create-react-class":"^15.6.3","react":"^16.6.3"},"devDependencies":{"@types/create-react-class":"^15.6.2","@types/react":"^16.7.7","ts-loader":"^5.3.0","typescript":"^3.1.6","webpack":"^4.26.0","webpack-cli":"^3.1.2"},"keywords":["react","reactive"],"repository":{"type":"git","url":"git+https://github.com/zolbooo/mrga.git"},"description":"Reactive component creator for React","author":{"name":"Zolboobayar Gantumur","email":"zaccess33rus@gmail.com","url":"https://github.com/zolbooo"},"license":"MIT","gitHead":"a14ede83bc46992f4bc5bd5dc6c1b30f5caa5620","bugs":{"url":"https://github.com/zolbooo/mrga/issues"},"homepage":"https://github.com/zolbooo/mrga#readme","_id":"mrga@1.0.3-2","_npmVersion":"6.4.1","_nodeVersion":"8.12.0","_npmUser":{"name":"zolbooo","email":"zaccess33rus@gmail.com"},"dist":{"integrity":"sha512-zl5FTXq6RNWc2P7Q4XwPtPoI00b9fgQAldnXVmi0hDj6GfOPCIWj/rtAEQAAEDG+uHWtZh45JdBCwfQsTRcjww==","shasum":"c4462dd51e6b45e06324b002739f542a0ccfb3f6","tarball":"https://registry.npmmirror.com/mrga/-/mrga-1.0.3-2.tgz","fileCount":7,"unpackedSize":21486,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb/p3JCRA9TVsSAnZWagAAw8cP/iC7s7Y0ZPuL5v2CvUf/\nro4UYY5A6uB37J+wCDcZne+Ski9epXY3MvpE67OC1R+akG9SBTParBlFwLEz\nzNzgAoqEmWU+nWRlyfEOs5glM6q6Obl6f5PCw6K7O0+hpTDnc5utPwNPvAvW\nuE7zgflIiyGIjM2pP25cUOOBw2gVq9TFTd8t3sadZAN2OUXq92YXutMnT/n3\nlDytdD1FaRJCUP8wgQeVn+sU3IcCuqwe1867IW3RFniTOfLaPFYMctHXP8Od\nWiPpBwbBpuLyz1D+hOmEBc8sRzpRZMuV9d3OBNo6RlcNxmuoeyS5Wvr2LUzH\n0r1ryDhln8Lxvw6Tph/7m2IwrZRP6gX1DzaqRDTuXt3IEXz8kmOrKRG+EfyY\npv448W/kwRq3KCj/KAlm31RRnStF/41x9DnnAM3xuo5z5hbeSOCtkJgtEmv9\nMn+IarxEl4HAWDUYg4scL5jrE+OT5C9qR4OjtEUWoeNQt8uzDe8ZMVKd3fdS\nIK9QOlBf9Upb+RfjQrkI5FTY6AfkOa81EQ34Q9N+qD34EY/zvaMB3EAXDFJt\nlG+DA0tsm3Fj+29xnD5EkAruxsuf1VeusagWTLLuJKtM80y/RAgXnI9Cny/W\nzPGL/yBqGWsUDZgrNk6yZ3EUQ3Pui+gVa0bursSi4nLvc2jNWhc6048hBArI\nvjDd\r\n=MzZO\r\n-----END PGP SIGNATURE-----\r\n","size":7597},"maintainers":[{"name":"zolbooo","email":"zaccess33rus@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mrga_1.0.3-2_1543413192809_0.49392010665966435"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2021-12-24T04:00:51.393Z","readme":"# MRGA - Make React great again\n[![npm version](https://badge.fury.io/js/mrga.svg)](https://www.npmjs.com/package/mrga) [![npm total downloads](https://img.shields.io/npm/dt/mrga.svg)](https://www.npmjs.com/package/mrga) [![Codacy Badge](https://api.codacy.com/project/badge/Grade/d1efd445c009444a9d69323a4976aa98)](https://www.codacy.com/app/zolbooo/mrga?utm_source=github.com&utm_medium=referral&utm_content=zolbooo/mrga&utm_campaign=Badge_Grade)\n\n\nMRGA is reactive component creator-helper function.\n## Quick start\n```bash\nnpm i mrga\n```\nCreate new component file, for example:\n\n`App.js`\n```jsx\nimport React from \"react\";\nimport mrga from \"mrga\";\n\nexport default mrga({\n render: flows => {\n return (\n <>\n
a: {flows.a}
\n \nb: {flows.b}
\n \n >\n );\n },\n flows: {\n a: {\n value: 2\n },\n b: {\n value: 3\n }\n }\n});\n\n```\n`index.js`\n```jsx\nimport React from \"react\";\nimport ReactDOM from \"react-dom\";\n\nimport App from \"./App\";\n\nReactDOM.render(a: {flows.a}
\n \nb: {flows.b}
\n \nsum: {flows.sum}
\n >\n );\n },\n flows: {\n a: {\n value: 2\n },\n b: {\n value: 3\n },\n sum: {\n value: 5,\n uses: [\"a\", \"b\"],\n calculate: (a, b) => a + b\n }\n }\n});\n```\n`value` property is initial value of flow.\nYou can set `calculate` and `uses` property for a flow, `uses` will pass other flows to `calculate`\nfunction, which is used to determine new value of flow.\nIn this example `sum` flow uses `a` and `b` flows and `calculate` returns their sum.\n"}