DEV Community

Andreas Bergqvist
Andreas Bergqvist

Posted on

React is awesome!

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>

Discussion (4)

Collapse
dance2die profile image
Sung M. Kim

And also there is react-hooks-testing-library (built on react-test-library) if you need to test hooks 🙂

Collapse
andreasbergqvist profile image
Andreas Bergqvist Author

Cool, will check that out! Thanks

Collapse
nickytonline profile image
Nick Taylor (he/him) • Edited on

You should check out @swyx 's React cheat sheet.

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. 🎉

Collapse
andreasbergqvist profile image
Andreas Bergqvist Author

That is ALSO awesome! =)