DEV Community

Cover image for 12 Useful React Tools to Make You More Productive 🚀💯
Madza
Madza Subscriber

Posted on • Originally published at madza.hashnode.dev

22

12 Useful React Tools to Make You More Productive 🚀💯

React is an open-source, component-based JavaScript library for creating user interfaces. It has many useful features that make it easier to create modern, fast, and accessible websites and web applications.

Unfortunately, knowing the core library itself might not be enough anymore and you might want to explore additional tools to beat the competition.

In this article, I compiled a list of tools and resources every React developer should use to increase productivity.

1. React Beta Docs

image.png

New React docs with hooks, interactive examples and diagrams.

2. Create React App

image.png

Set up a modern web app by running one command.

3. React Developer Tools

image.png

Inspect the React component hierarchies in your browser console.

4. Evergreen

image.png

React UI framework for building ambitious products on the web..

5. Chakra UI

image.png

A modular component library to build React apps quickly.

6. Framer Motion

image.png

A production-ready motion library for React.

7. Storybook

image.png

A frontend workshop for building UI components and pages.

8. Bit

image.png

The leading toolchain for component-driven development.

9. Recoil

image.png

A state management library for React.

10. React bits

image.png

React patterns, techniques, tips and tricks.

11. UseHooks

image.png

Easy to understand React Hook recipes.

12. CodeSandbox

image.png

Navigate to react.new to create an instant sandbox for React.


Writing has always been my passion and it gives me pleasure to help and inspire people. If you have any questions, feel free to reach out!

Connect me on Twitter, LinkedIn and GitHub!

Visit my Blog for more articles like this.

Sentry blog image

Identify what makes your TTFB high so you can fix it

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

Read more

Top comments (2)

Collapse
 
vishwastyagi profile image
Vishwas Tyagi

These tools are very helpful. Thanks for sharing.

Collapse
 
madza profile image
Madza

My pleasure to share 👍✨💯

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Dive into an ocean of knowledge with this thought-provoking post, revered deeply within the supportive DEV Community. Developers of all levels are welcome to join and enhance our collective intelligence.

Saying a simple "thank you" can brighten someone's day. Share your gratitude in the comments below!

On DEV, sharing ideas eases our path and fortifies our community connections. Found this helpful? Sending a quick thanks to the author can be profoundly valued.

Okay