React Food Truck

A collection of curated extensions for discerning React developers.

Food Truck icon by @reverentgeek

On The Truck

Simple React Snippets

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.

ES6 Snippets

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.

Prettier

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

ESLint

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

npm Intellisense

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.

Exports Autocomplete

Still importing components manually? Why? Just use the component in your JSX and this extension will import it for you.

CSS2React

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.

React Pure To Class

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.