Thank you for wanting to contribute.
To help out, you can:
- get involved in any open issue or pull request
- open new issues about your ideas for making
helious/emotion-mirror
better
Not only will you help helious/emotion-mirror
thrive, but you may learn a thing or two — about CSS, CSS-in-JS, Emotion, Node, Rollup.js, Stylelint, unit testing, open-source software, and more. We want to encourage contributions! If you want to participate but couldn't, please give us feedback about what we could do better.
To start coding, you'll need the:
Then:
- Fork and clone the
helious/emotion-mirror
repository. - Install all the dependencies with
npm ci
. - Run
npm start
to start upRollup
and start the web server. - You will be able to view
App.tsx
athttp://localhost:8080/
With the interactive testing prompt running, you can write code confident that things are working as expected.
App.tsx
- the React app that is running onhttp://localhost:8080/
src/
- contains thestyled
wrapper andstylelint
integration
Next, you'll want to run the tests using npm test
and make sure they all pass.
Make sure to adjust or add tests based on changes in functionality.
We currently use jest and react-testing-library for unit tests.
We use Prettier to format code.
When you have something to share, it's time to open a pull request.
After we review and merge your pull request, I'll invite you to become a maintainer of the helious/emotion-mirror
repository. You'll then be able to help manage issues, pull requests and releases. You'll also be able to work on the helious/emotion-mirror
repository rather than your fork.