I’m a big fan of speeding up every part of your development. If you shave off seconds here and there multiple times a day, you’ll save a ton of time over the course of a year.
This involves using the keyboard as often as possible and reaching for the mouse as little as possible. It’s a goal of mine to do an entire day without touching the mouse. Still haven’t gotten there.
Learning vim is a big part to being productive in your editor. Even putting vim in your browser with Vimium helps a ton.
Snippets are another way to save time on development. Simple React Snippets for VS Code by Burke Holland is a great way to speed up development.
Here’s imrc
expanded to import React, { Component } from 'react';
Simple React Snippets can be found in the VS Code Extension Marketplace
Whenever starting a new React file, I’ll use the imr
or imrc
snippets.
imr
-> import React from 'react'
imrc
-> import React, { Component } from 'react'
After installing the VS Code Extension (may have to restart VS Code?), you can use the snippets by typing the shortcut and hitting Tab
or Enter
.
Here are some helpful snippets when starting new files:
import React from 'react';
import React, { Component } from 'react';
class | extends Component {
state = { | },
render() {
return ( | );
}
}
export default |;
const | = props => {
return ( | );
};
export default |;
componentDidMount() {
|
}
componentDidUpdate(prevProps, prevState) {
|
}
this.setState({ | : | });
render() {
return (
|
);
}
There are a few more snippets that you can use that you can find on the official page.
Join our DigitalOcean community of over a million developers for free! Get help and share knowledge in our Questions & Answers section, find tutorials and tools that will help you grow as a developer and scale your project or business, and subscribe to topics of interest.
Sign up