Add prettier

[tobilen]

adresses #181

• Add prettier
• Add eslint plugin to lint for prettier rules
• Add npm script to autofix styling (yarn eslint:fix / npm run eslint:fix)
• Extend linting to include stories folder
• Apply styling to all existing files
• Refactor .eslintrc to JavaScript file. This way, we can lint it, too.
• Add section to readme about linting

The biggest part is the refactoring of the github issue and legacy stories. I was a bit unsure about refactoring the legacy stories. So maybe take an extra good look at those.

[Hypnosphi]

Great work @tobilen! I'll take a look at the stories

[Hypnosphi]

How do you feel about adding lint-staged and husky to run eslint --fix for staged files automatically on precommit hook?

[tobilen]

that'd basically mean modifying source files as a side effect. not sure thats a good idea

[Hypnosphi]

Only those that are already modified in the commit (that's the point of lint-staged)

[tobilen]

im not a big fan of git hooks and husky in general. their main purpose is covered by well set up CI systems, and the automation part can be unexpected and unintuitive.

from a more practical standpoint, it apparently breaks a lot of GUI interfaces (typicode/husky#131, typicode/husky#125, lint-staged/lint-staged#151, ghooks-org/ghooks#40) or requires a lot of configuration (ghooks-org/ghooks#18) as well

[Hypnosphi]

Legacy stories work as expected. Please resolve conflicts and update the docs

[Hypnosphi]

LGTM! Feel free to merge as soon as CI passes

[Hypnosphi]

By the way, you can now create branches directly in joshwcomeau/react-flip-move, this makes it a bit easier for other contributors to checkout =)

[tobilen]

alright, thanks. cant merge myself though, no write access.

[Hypnosphi]

Oh, looks like you haven't accepted the invite, please check your email

[joshwcomeau]

Woohoo! Awesome work :D