HTML5
CSS3
JavaScript
OOJS
Functional JavaScript
ES6
LESS/SASS
Atomic CSS
Bootstrap/Material
MicroServices
Nodejs
Express
MongoDB / Any equivalent
Micro Frontends
React
Redux/Mobx
Angular
GraphQL
Docker
Devtools/Performance/Security Related questions
Data Structures and Algorithms
These are the best extensions that i configured to enable best features and rich UX as shown below..
Some of the VS Code features here..
Refactoring is a necessary aspect of writing and maintaining clean code, but it can be quite the headache — especially when you’re refactoring a large module or an otherwise huge chunk of code. So instead of hunting through dozens of files just to rename a variable or method, let VS Code do it for you.
If you select a variable/method and hit F2, you can edit the name and it will change every instance of that variable’s name throughout the entire current working project.
If you only want to change within the current file, use the Command + F2 (on Mac) or Ctrl + F2 (on Windows) keyboard shortcut and VS Code will spawn a cursor at every instance throughout the current file.
When you’re programming or scripting, often times you’ll run into a variable or method that you don’t recognize. So what do you do? You could spend several minutes searching for the right file, or you could press Command (on Mac) or Ctrl (on Windows) key and click the variable/method with your mouse. VS Code will take you to it’s definition right away.
Or you could just hover your cursor over the variable/method along with pressing the Command (on Mac) or Ctrl (on Windows) key, it will shows you the definition right in line where your cursor is.
If you ever need to insert or delete multiple instances of text throughout a document, all you have to do is create multiple cursors. You can do this by holding down Option (on Mac) or Alt (on Windows) and clicking anywhere in the text. Every click creates a new cursor.
This is particularly useful for things like HTML, where you might want to add many instances of the same class or change the format of several hyperlinks.
Few More here
https://medium.com/@i_AnkurBiswas/pro-tips-for-visual-studio-code-to-be-productive-in-2018-d5252e914561
https://dev.to/seankilleen/vscode-tip-watching-files-1hkk
Shortcuts
mac: https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf
windows: https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf
Folks,
I am not sure of the many points that covers in different articles explaining Redux Vs Context API.
Context API: https://reactjs.org/docs/context.html
In my experience, the difference i found is,
Context API cannot change the states and its only meant to carry
Also, if you are using router in your project where you carry the context in parent and used child as a router, in that case context will not work.
Say,
App->xyz(parent) -> abc(child)
If you use provider in parent and access abc using router(localhost:3000/abc) without App/xyz, then you are not carrying your context and it will not work in that way. In this case, you have to use Redux alone.
In simple words,
redux is like a ‘var’ keyword, where you can use/access and also update the value in that variable. ( I mean you can access state and also update the state)
context API is like a ‘const’ keyword, you can only use/access it and cannot update it.
