Use @wordpress/scripts for building and linting, and stop bundling React

[johnwatkins0]

Description of the Change

This resolves #50 by installing @wordpress/scripts and using that package's scripts for building and linting. React is no longer included in the bundled JS. I was also able to remove some of the devDependencies that come with @wordpress/scripts, and I switched the ESLint and WebPack configs to use the configs provided.

I also ran the lint scripts from @wordpress/scripts and made all the suggested changes.

Alternate Designs

The CSS is bundled with the JS. It could be pulled out with MiniCssExtractPlugin, but I wasn't aware of a compelling reason to do so.

Benefits

The built script is smaller. Including @wordpress/scripts allows us to make use of the many tools that package provides.

Possible Drawbacks

Verification Process

Pull this branch to your local environment. Run npm run install && npm run build. React should not be included in the build. This can be hard to verify. I sometimes temporarily install the Webpack Bundle Analyzer plugin to double-check what's included.

After rebuilding, the component should still work in the editor.

Checklist:

• I have read the CONTRIBUTING document.
• My code follows the code style of this project.
• My change requires a change to the documentation.
• I have updated the documentation accordingly.
• I have added tests to cover my change.
• All new and existing tests passed.

Changelog Entry

Integrate @wordpress/scripts for building and linting

[dinhtungdu]

Awesome 🎉