Just wanna say that creating stuff with React is so much fun!
Hooks being an awesome addition!
Currently the following libraries/packages/language-supersets is making it even more fun!
TypeScript
Like 1-2 years ago, using TypeScript - especially with React (where more developers where using Flow), was like more trouble then what it was worth... Nowadays though, it makes a awesome developer experience and mst popular packages has typings available! Good job Microsoft!
https://github.com/Microsoft/TypeScript
Mobx
Since the day Mobx was released it's been my goto state handler. The main benefit for me is that it makes the code very readable and easy to understand.
Nowadays, since hooks was released, the mobx-react-lite library is a great addition!
https://github.com/mobxjs/mobx
Styled Components
I just love creating my styled components instead of using style-objects. Makes the render functions really nice and readable!
https://github.com/styled-components/styled-components
Formik
Forms in React has been troublesome... But no more!
https://github.com/jaredpalmer/formik
Prettier / eslint
I'm using prettier to format the code on save! Never do I need to think about how to format nor indent my code. Eslint is a great addition to warn me about other "bad code". Make sure they don't conflict with eachother with eslint-config-prettier
https://github.com/prettier/prettier
https://github.com/eslint/eslint
react-test-library
If I where about to test my React code, I would be doing it with react-test-library đ
https://github.com/kentcdodds/react-testing-library
<end-of-react-love>
Top comments (4)
And also there is react-hooks-testing-library (built on
react-test-library
) if you need to test hooks đCool, will check that out! Thanks
You should check out @swyx 's React cheat sheet.
Here's a great resource from @swyx , React+TypeScript Cheatsheets.
Also in case you weren't aware, Formik has an alpha hooks release.
Looks like there's an alpha release for Formik with hooks now. đ
That is ALSO awesome! =)