VS Code Extensions to optimize your React workflow
I'm a full-stack web developer with a demonstrated history of successfully implementing and maintaining web applications. I'm passionate about contemporary front-end engineering and enjoy developing user interfaces. I'm also an instructor with multiple years of teaching experience in Computer Science and Web Development.
1. ES7 React/Redux/GraphQL/React-Native Snippets Extension
Creating React applications involves repeating code multiple times. For instance, every time you create a new component we have to go through the same process and write boilerplate code. Let's look at a couple of common use cases to speed up your workflow:
rcc| Creating a class-based component
rafc| Creating a functional component
You can find the entire list of snippets on the official page.
2. Auto Rename Tag
As the name suggests, this handy extension automatically renames your closing tag when you rename your opening tag and vice versa. For instance, if you decide to change an <h1> to <h2>, the closing tag will be automatically renamed from an </h1> to </h2>.
3. Bracket Pair Colorizer
Do you ever find it difficult to match bracket pairs, especially when there are multiple nested levels? Bracket Pair Colorizer identifies matching brackets with colors.
Thanks for reading! Let me know in the comments if there are any others that have helped you out.
