{"_id":"@anaismoutarlier/cra-template-framework","name":"@anaismoutarlier/cra-template-framework","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@anaismoutarlier/cra-template-framework","version":"0.1.0","dependencies":{"@testing-library/jest-dom":"^5.14.1","@testing-library/react":"^13.0.0","@testing-library/user-event":"^13.2.1","react":"^18.2.0","react-dom":"^18.2.0","react-scripts":"5.0.1","web-vitals":"^2.1.0"},"scripts":{"start":"react-scripts start","build":"react-scripts build","test":"react-scripts test","eject":"react-scripts eject"},"eslintConfig":{"extends":["react-app","react-app/jest"]},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"gitHead":"b8c62ed546ccb65fba68d6f02dce79a9b7d40151","description":"## 1. Styles integrated with components, contexts/hooks apart ###   src   - _pages/screens_       - major pages         - unique components (specific to one view, not to be reused outside of this)         - CSS         - index.js (export pages and compone","_id":"@anaismoutarlier/cra-template-framework@0.1.0","_nodeVersion":"18.1.0","_npmVersion":"8.8.0","dist":{"integrity":"sha512-WTf5yNmAnXN+1cfeK34/JTe/g5aGzKUDMHq3SG50TtfGyYrBIrrg4hNdbc53YZJPea9nxVuFy7qRV9ocdxhzbw==","shasum":"ab1218a65c22ad07b0657144a1ab201aaccd9dea","tarball":"https://registry.npmjs.org/@anaismoutarlier/cra-template-framework/-/cra-template-framework-0.1.0.tgz","fileCount":35,"unpackedSize":35780,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBQqaVfjGAZIVzmnwiq01n4fUPmm0nYdMBbOcj13owZPAiEA7B6uVqw05/h0Wy8Q8IsYzvDBV4/k9PdfSPMcWiOOWbM="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi8A09ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpzuw//XeaPBJ+IZj8L6VTyKQWzVnWHjC38lATH6yAPwJfpkFAvfaNQ\r\nXYYiJiM84iYwfpYzLmt+rRlDulPQ1j4D0nDa522sEVnPQC7aU4k5nheLqivu\r\nof4Cb/KrvY43KVPkUmB/Aav7iW6VRp4AxxhtI3uZKJ/ryFa+2fxNPWLmoKA1\r\npmxWVR3xhJPwgNgpFkUkrNSzTcmTa9tXP9wodT3FK+0sOTjFJC569UZa7llU\r\ncPvR9Ick/mJ4DZij/P/UW32uLfqbNi6NpIrGVkvDD2bIEHrEfSJRJrZqF1vb\r\nfZ8NsTdyr0If0hppA1/gN6u9et9GfzDtiKcn5x7STPkCd6DcFGZMbVqlYIMM\r\nMM4E2VpyrvPntka79bLiXLPd5BTAubFNc/n1eIhARJsj/yZZj5rSV7aljWXP\r\ndJMgP0V3d39DGEODNFYg7QsD6Rqpu7LR0++S12D9w4AMKxpnPdt6j3IOgIzy\r\nhBsrhKy8cdar3dyeZBWXx+bCn3SUISnD2Q612XiONftbhyouEhJDh5BDlNxa\r\nG/E8Oxd1xn5ZInEgPrBMRIqs7JP7+qmDxF6Tl0yy2aIeWav5PzPas51RjShE\r\n835RjhbNRcvAWJfyhNBWOynS3cnZN9gz9XLnfz3z9G2P7cDflqHrzhUI+k/K\r\nn/vgc3Mjn2gGaD4n9+gc1G1Un5AK1W3ivaY=\r\n=Dttg\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"anaismoutarlier","email":"anaismoutarlier@gmail.com"},"directories":{},"maintainers":[{"name":"anaismoutarlier","email":"anaismoutarlier@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/cra-template-framework_0.1.0_1659899197067_0.5361673595041969"},"_hasShrinkwrap":false}},"time":{"created":"2022-08-07T19:06:36.979Z","0.1.0":"2022-08-07T19:06:37.242Z","modified":"2022-08-07T19:06:37.364Z"},"maintainers":[{"name":"anaismoutarlier","email":"anaismoutarlier@gmail.com"}],"description":"## 1. Styles integrated with components, contexts/hooks apart ###   src   - _pages/screens_       - major pages         - unique components (specific to one view, not to be reused outside of this)         - CSS         - index.js (export pages and compone","readme":"# COMMON REACT FRAMEWORK STRUCTURES\n\n## 1. Styles integrated with components, contexts/hooks apart\n###   src\n  - _pages/screens_\n      - major pages\n        - unique components (specific to one view, not to be reused outside of this)\n        - CSS\n        - index.js (export pages and components in case of need)\n  - _components_ \n      - reusable component folder\n        - component file\n        - CSS\n        - index.js (export component from folder)\n      - index.js (optional) export all reusable components from components folder\n  - _reducers_\n      - Redux store reducers (**.reducer.js)\n      - index.js (export all reducers as one)\n  - _hooks_\n      - hook files (.js) (usually individual files, no need for index.js)\n  - _styles_\n      - global styles (index.css or globals.css)\n      - global JS styles\n      - color scheme\n  - _data/static_\n      - js files with static data\n  - _context_\n      - context config files\n\n## 2. Styles and hooks by theme/component\n###   src\n  - _pages/screens_\n      - major pages - page JS files\n  - _components_\n      - reusable components - component JS files\n  - _reducers_\n      - Redux store reducers (**.reducer.js)\n      - index.js (export all reducers as one)\n  - _styles_\n      - global styles (index.css or globals.css)\n      - global JS styles\n      - color scheme\n      - component CSS files (e.g. Home.js => Home.css)\n  - _data/static_\n      - js files with static data\n  - _context/hooks_\n      - functionality\n        - hook file (.js)\n        - context file (.js)\n        - index.js (export hook and/or context)","readmeFilename":"README.md"}