React extensions for Chrome, Firefox and VSCode.

February 22, 2019

If you are starting to learn your VSCode and Chrome or Firefox will be your best friends in the React Journey.

VSCode is the most powerful editors with a lot of extensions but these are the list of extensions used for write quick react apps.

Not related to React but it allows read the code easy and nested code easy.

Visual Studio Code

Bracket Pair Colorizer 2 - Visual Studio Marketplace
Extension for Visual Studio Code - A customizable extension for colorizing matching bracketsmarketplace.visualstudio.com

ES7 React/Redux/GraphQL/React-Native snippets - Visual Studio Marketplace
Extension for Visual Studio Code - Simple extensions for React, Redux, and Graphql in JS/TS with ES7 syntaxmarketplace.visualstudio.com

The Browser

Redux DevTools and React Developer Tools extensions will convert Chrome or Firefox in your knife for debugging React apps in your browser.

Redux DevTools
Redux DevTools for debugging application’s state changes.chrome.google.com

React Developer Tools
Adds React debugging tools to the Chrome Developer Tools.chrome.google.com

React Developer Tools - Get this Extension for 🦊 Firefox (en-US)
Download React Developer Tools for Firefox. React Developer Tools is a tool that allows you to inspect a React tree…addons.mozilla.org

Redux DevTools - Get this Extension for 🦊 Firefox (en-US)
Download Redux DevTools for Firefox. DevTools for Redux with actions history, undo and replay.addons.mozilla.org

Now, you have all the power in your browser and IDE for works with React Apps.

I’m ready!

Happy React!

Dany Paredes

Hi, I'm Dany Paredes, few years ago I was working with .NET, but in my last years I have been focusing in Javascript using Vue , Angular or React. You can read more in Twitter or Github.