Add Button component, clean up babel, update index.js files #4
Add this suggestion to a batch that can be applied as a single commit. This suggestion is invalid because no changes were made to the code. Suggestions cannot be applied while the pull request is closed. Suggestions cannot be applied while viewing a subset of changes. Only one suggestion per line can be applied in a batch. Add this suggestion to a batch that can be applied as a single commit. Applying suggestions on deleted lines is not supported. You must change the existing code in this line in order to create a valid suggestion. Outdated suggestions cannot be applied. This suggestion has been applied or marked resolved. Suggestions cannot be applied from pending reviews. Suggestions cannot be applied on multi-line comments. Suggestions cannot be applied while the pull request is queued to merge. Suggestion cannot be applied right now. Please check back later.
Changes
This PR adds the first component, a simple Button. The structure of the Button.js file is a new one for me, using the
functionsyntax to create a function component. One thing to note is that I am not using the.jsxextension. React knows what it's rendering, I prefer the cleaner folder. In the folder is also a README with a somewhat detailed code example. In the future READMEs should have details on the props and whatnot they interact with.The index.js files in the src and components folders are now set to export the components.
srcexports them all blindly, butcomponentsis an explicit export. This architecture is meant to be easy to scale later, and tools like Generact make it easy to duplicate this elaborate folder structure.I also moved the babel config out from the webpack config to its own
.babelrcafter adding the React preset.What do
Fixes #3