Extensions and shortcuts
Tags: terminal, vscode, extensions, productivity
Published: 2022-08-04 16:13:07

Shortcuts in react 

Well, we all like to take shortcuts In life, we are able to get things done faster and it increases the level of productivity and commonly we have a mindset of getting work done faster gives us more time weather it’s for personal time or to focus on a new task or be able to just be more productive. 

In my time learning how to code I have found ways to increase my level of productivity which allows me to work smarter and faster. This has been essential as it has allowed me to get work done faster and rather than typing out so much it’s a few simple steps and you achieve the same outcome. 

there are many shortcuts that can be taken but some are for visual as well when reading code, you want it to look clean and all to link and be in sync with one another. I have found the most useful to make everything in the correct format and easy on the eye with a color scheme as well is and extension called 

Prettier
Prettier takes your code and reprints it from scratch by taking the line length into account. Prettier enforces a consistent code style, below you can see how prettier makes all code in the same format and it will indent and tab what needs to be done. This works best if you have also installed ESLint which is the one of the most widely used linting tools in web development. It’s an invaluable tool for keeping your (and your team’s) code consistent by ensuring everyone is following the same style conventions.

 

Other really cool shortcuts I have found useful is the basic tab button it all allows you to start typing and if you hit tab it will complete your text or the cod you are trying to write. In react this can be useful when importing as you just need to start the import component and hit tab and it completes it.

when in your terminal there are a few tricks to speed up the process if you made a mistake or need to run a command again you can simply push the up arrow. And it will show the last command you typed and you can push up as many times as you feel the need to. 

there are some good to know things we should be typing in our terminal a few I think we should always know or could be useful in the future are 

cp – This command facilitates copying a file from one location to another, or just simply making a copy of the same file with a new name. 


 




Something I have found very useful is I have often put a file in the wrong place going through my bootcamp and it has caused for me to delete the file and clone it into the correct directory after realizing you can type a command that can move the file It has saved me so much time and been effective. To do so you type mv this will allow you to move files from your current directory the one of your choice.  See example below. 

mv filename /dir1/
To move a file from the current directory to another location, enter a path as the third word on the command line.


Other ways you can be more effective while coding is if you have put something in the wrong place and want to move it you can highlight the text and press option (up or down arrow).

Other main and common shortcuts we can use are 

1.	Command c – copy 
2.	Command v – paste 
3.	Command / - comment out the line of code 
4.	Command b – hides your side column 

When on a webpage you can type 
1.	option + command + I = open dev tools. 

These have all been very beneficial commands and with everything mentioned above It has been a good way of learning how to be more productive and efficient when working.  I hope learning and understanding the basics of commands in terminals and even vital extensions have been able to give you some insight on how to be more productive.