https://github.com/lsiden/react-seed-component
Bare-bones starter project for a React component using Webpack, Jest, and Enzyme.
https://github.com/lsiden/react-seed-component
babel es6 jest nodejs reactjs reactjs-components webpack
Last synced: 3 months ago
JSON representation
Bare-bones starter project for a React component using Webpack, Jest, and Enzyme.
- Host: GitHub
- URL: https://github.com/lsiden/react-seed-component
- Owner: lsiden
- License: mit
- Created: 2017-08-10T17:37:06.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2017-08-24T14:43:39.000Z (almost 9 years ago)
- Last Synced: 2025-03-16T06:16:26.653Z (over 1 year ago)
- Topics: babel, es6, jest, nodejs, reactjs, reactjs-components, webpack
- Language: JavaScript
- Size: 375 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# react-seed-component
Bare-bones starter project for a React component using Webpack, Babel, Jest, and Enzyme.
## Description
Start your react component from this seed project.
It is based on my [react-seed-app](https://github.com/lsiden/react-seed-app) project
but has no HTML file to serve. Instead it exposes a component.
## Instructions
1. Clone or copy this project and rename it.
1. Globally rename 'react-seed-component'.
1. Globally rename 'ReactSeedComponent'.
1. Change the names of the .js and .spec.js files to match the name of your new component.
1. Start testing and coding.
1. Publish your component (optional).
1. Expose more components (optional).
To use your component, insert into your [package.json](https://docs.npmjs.com/files/package.json) file a line like
"dependencies": {
"my-component": "npm name or URI of my-component repository"
}
If you prefer to use other tools for writing and running unit tests,
feel free to replace jest and enzyme.
You may have to configure them.
## See
* [React Components and Properties](https://facebook.github.io/react/docs/components-and-props.html)
* [Webpack](https://webpack.github.io/)
* [Babel](https://babeljs.io/)
* [Jest](https://facebook.github.io/jest/)
* [Enzyme](https://github.com/airbnb/enzyme)
* [package.json](https://docs.npmjs.com/files/package.json)
* [Set Up a React Environment Using Webpack and Babel](https://scotch.io/tutorials/setup-a-react-environment-using-webpack-and-babel)
## Author
Lawrence Siden
Westside Consulting LLC
Ann Arbor, MI
lsiden@gmail.com
## License
[MIT](https://opensource.org/licenses/MIT)