A collection of curated extensions for discerning React developers.
Food Truck icon by @reverentgeek
Only the cleanest, freshest set of React snippets in the market. Everything you need with no snippet bloat. Created by one of the nicest guys on the planet.
All the best ES6 snippets at your finger tips. Why type import
when you can
type imp
? It's three letters shorter. That's called productivity.
Your code looks a little shady. Tighten it up with Prettier. Not sure if you need that semicolon? Don't fret - Prettier knows.
Add this to your User Preferences file for that premium "format on save" experience.
"editor.formatOnSave": true
Your JavaScript is so solid, you don't need a linter. But if you did, it would be ESLint and you would use this extension.
You can force Prettier to respect your ESLint rules by adding the following line to your User Settings...
"prettier.eslintIntegration": true
Stop guessing at your npm packages. You never get it right anyway. Is leftpad or left-pad? Not your problem anymore. This extension provides intellisense for your imports.
Still importing components manually? Why? Just use the component in your JSX and this extension will import it for you.
You know how you copy/paste in some CSS to a React component, then you gotta fix it cause CSS isn't valid JavaScript? Never. again.
Do you need a class or a pure component? Nobody ever knows until they make a component and then realize this thing isn't nearly as dumb as they thought it was going to be and NOW they need a class. REFACTORING SUCKS. Converting pure components to classes is a breeze with this extension.