@kentcdodds/react-workshop-app

---

!Build Statusbuild-badgebuild !Code Coveragecoverage-badgecoverage !versionversion-badgepackage !downloadsdownloads-badgenpmtrends !MIT Licenselicense-badgelicense !All Contributorsall-contributors-badge !PRs Welcomeprs-badgeprs !Code of Conductcoc-badgecoc

The problem

I have several repositories for my React workshops

This solution

This is a set of common abstractions I found useful in those workshop repositories

Table of Contents

• Installation
• Usage
• Issues

- 🐛 Bugs - 💡 Feature Requests

• Contributors ✨
• LICENSE

Installation

This module is distributed via npmnpm which is bundled with nodenode and should be installed as one of your project's dependencies:

npm install --save @kentcdodds/react-workshop-app

Usage

This is intended to be used with create-react-app (but it doesn't have to be).

// src/index.js
import codegen from 'codegen.macro'

// eslint-disable-next-line
codegen`module.exports = require('@kentcdodds/react-workshop-app/codegen')`

// src/setupTests.js
import '@kentcdodds/react-workshop-app/setup-tests'

Then you'll need to have those directories set up. Probably easiest to look at one of my repos that use this.

Issues

Looking to contribute? Look for the Good First Issuegood-first-issue label.

🐛 Bugs

Please file an issue for bugs, missing documentation, or unexpected behavior.
See Bugsbugs

💡 Feature Requests

Please file an issue to suggest new features. Vote on feature requests by adding a 👍. This helps maintainers prioritize what to work on.
See Feature Requestsrequests

Contributors ✨

Thanks goes to these people (emoji keyemojis):

<tr>
  <td align="center"><a href="https://kentcdodds.com"><img src="https://avatars.githubusercontent.com/u/1500684?v=3?s=100" width="100px;" alt="Kent C. Dodds"/><br /><sub><b>Kent C. Dodds</b></sub></a><br /><a href="https://github.com/kentcdodds/react-workshop-app/commits?author=kentcdodds" title="Code">💻</a> <a href="https://github.com/kentcdodds/react-workshop-app/commits?author=kentcdodds" title="Documentation">📖</a> <a href="#infra-kentcdodds" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a> <a href="https://github.com/kentcdodds/react-workshop-app/commits?author=kentcdodds" title="Tests">⚠️</a></td>
  <td align="center"><a href="https://github.com/WojciechMatuszewski"><img src="https://avatars0.githubusercontent.com/u/26322927?v=4?s=100" width="100px;" alt="Wojciech Matuszewski"/><br /><sub><b>Wojciech Matuszewski</b></sub></a><br /><a href="https://github.com/kentcdodds/react-workshop-app/commits?author=WojciechMatuszewski" title="Code">💻</a> <a href="https://github.com/kentcdodds/react-workshop-app/commits?author=WojciechMatuszewski" title="Tests">⚠️</a></td>
  <td align="center"><a href="https://zacjones.io"><img src="https://avatars2.githubusercontent.com/u/6188161?v=4?s=100" width="100px;" alt="Zac Jones"/><br /><sub><b>Zac Jones</b></sub></a><br /><a href="https://github.com/kentcdodds/react-workshop-app/commits?author=zacjones93" title="Code">💻</a></td>
  <td align="center"><a href="https://github.com/marcosvega91"><img src="https://avatars2.githubusercontent.com/u/5365582?v=4?s=100" width="100px;" alt="Marco Moretti"/><br /><sub><b>Marco Moretti</b></sub></a><br /><a href="https://github.com/kentcdodds/react-workshop-app/commits?author=marcosvega91" title="Code">💻</a> <a href="https://github.com/kentcdodds/react-workshop-app/commits?author=marcosvega91" title="Tests">⚠️</a></td>
  <td align="center"><a href="https://github.com/merodiro"><img src="https://avatars1.githubusercontent.com/u/17033502?v=4?s=100" width="100px;" alt="Amr A.Mohammed"/><br /><sub><b>Amr A.Mohammed</b></sub></a><br /><a href="https://github.com/kentcdodds/react-workshop-app/commits?author=merodiro" title="Code">💻</a></td>
  <td align="center"><a href="https://github.com/gustavobmichel"><img src="https://avatars0.githubusercontent.com/u/14951413?v=4?s=100" width="100px;" alt="Gustavo Borges Michel"/><br /><sub><b>Gustavo Borges Michel</b></sub></a><br /><a href="https://github.com/kentcdodds/react-workshop-app/issues?q=author%3Agustavobmichel" title="Bug reports">🐛</a></td>
  <td align="center"><a href="https://github.com/Joyancefa"><img src="https://avatars2.githubusercontent.com/u/64249481?v=4?s=100" width="100px;" alt="Joyancefa"/><br /><sub><b>Joyancefa</b></sub></a><br /><a href="https://github.com/kentcdodds/react-workshop-app/commits?author=Joyancefa" title="Code">💻</a></td>
</tr>
<tr>
  <td align="center"><a href="https://github.com/Snaptags"><img src="https://avatars1.githubusercontent.com/u/1249745?v=4?s=100" width="100px;" alt="Markus Lasermann"/><br /><sub><b>Markus Lasermann</b></sub></a><br /><a href="https://github.com/kentcdodds/react-workshop-app/commits?author=Snaptags" title="Code">💻</a> <a href="https://github.com/kentcdodds/react-workshop-app/commits?author=Snaptags" title="Tests">⚠️</a></td>
  <td align="center"><a href="https://www.maferland.com"><img src="https://avatars3.githubusercontent.com/u/5889721?v=4?s=100" width="100px;" alt="Marc-Antoine Ferland"/><br /><sub><b>Marc-Antoine Ferland</b></sub></a><br /><a href="https://github.com/kentcdodds/react-workshop-app/commits?author=maferland" title="Code">💻</a></td>
  <td align="center"><a href="http://peter.hozak.info/"><img src="https://avatars0.githubusercontent.com/u/1087670?v=4?s=100" width="100px;" alt="Peter Hozák"/><br /><sub><b>Peter Hozák</b></sub></a><br /><a href="https://github.com/kentcdodds/react-workshop-app/commits?author=Aprillion" title="Code">💻</a> <a href="https://github.com/kentcdodds/react-workshop-app/commits?author=Aprillion" title="Tests">⚠️</a></td>
  <td align="center"><a href="https://github.com/dan-overton"><img src="https://avatars0.githubusercontent.com/u/846955?v=4?s=100" width="100px;" alt="Dan Overton"/><br /><sub><b>Dan Overton</b></sub></a><br /><a href="https://github.com/kentcdodds/react-workshop-app/commits?author=dan-overton" title="Code">💻</a></td>
  <td align="center"><a href="https://redd.one"><img src="https://avatars.githubusercontent.com/u/14984911?v=4?s=100" width="100px;" alt="Artem Zakharchenko"/><br /><sub><b>Artem Zakharchenko</b></sub></a><br /><a href="https://github.com/kentcdodds/react-workshop-app/commits?author=kettanaito" title="Code">💻</a></td>
  <td align="center"><a href="https://github.com/0xnoob"><img src="https://avatars.githubusercontent.com/u/49793844?v=4?s=100" width="100px;" alt="0xnoob"/><br /><sub><b>0xnoob</b></sub></a><br /><a href="https://github.com/kentcdodds/react-workshop-app/issues?q=author%3A0xnoob" title="Bug reports">🐛</a></td>
  <td align="center"><a href="https://github.com/jcat4"><img src="https://avatars.githubusercontent.com/u/7866287?v=4?s=100" width="100px;" alt="Joey Cardosi"/><br /><sub><b>Joey Cardosi</b></sub></a><br /><a href="https://github.com/kentcdodds/react-workshop-app/commits?author=jcat4" title="Code">💻</a></td>
</tr>

This project follows the all-contributorsall-contributors specification. Contributions of any kind welcome!

LICENSE

MIT