Pavan Gangireddy PavanGangireddy

Which browser should I use?

It is highly recommeded to use chrome to complete this coding practice.

Which code editor should I use for exercise?

VS Code.

Setup Method 1

On Opening VS Code, you will find a bar on the left side with four icons, press the last icon in these (extensions pop up opens)
Search for extension named SettingsSync and install the one authored by Shan Khan
Restart VS Code
Press Shift + Alt + D and enter the following gistID:

	This is a work in progress gist

	Basics

	At the moment riverpod related official docs are the best way to learn. since the stable version came out very recently

	Steps
	- Go through official docs
	- https://riverpod.dev/docs/getting_started
	- Build a counter

	Steps:
	- Follow Steps mentioned in Official Doc
	- https://docs.flutter.dev/development/tools/vs-code

	Install the below extensions:
	- dart-code.flutter
	- nash.awesome-flutter-snippets
	- robert-brunhage.flutter-riverpod-snippets
	- jeroen-meijer.pubspec-assist

	# Problem:

	- When working with multiple projects that utilize different versions of yarn, npm,
	I always have to type `yvm use` in order to have `yvm set` the correct version of yarn that my project has.

	# Solution:

	- When I switch into a directory that already has a .nvmrc file, nvm automatically should run `nvm use`
	so that I don't have to do it manually.

	References:

	https://stackoverflow.com/questions/23556330/run-nvm-use-automatically-every-time-theres-a-nvmrc-file-on-the-directory/39519460#39519460
	https://asciinema.org/a/191898
	https://github.com/tophat/yvm/issues/136
	https://github.com/tophat/yvm/blob/8e1f7ed3b38016abbc3e9a7759bf73a7346c983a/src/util/version.js
	https://stackoverflow.com/questions/1880198/how-to-execute-shell-command-in-javascript

	Work in progress

	Here is the curated list of points from my experience segregated for greater good over the time

	1. While searching for a file in vscode


	2. Donot delete node_modules using mouse clicks but use rm -rf command from command line

	3. Typing keyboard should be done with out seeing it.

	* The below words whether they are used as a note, component name, model name, store name should be in right casing,
	based on the context, across web and app projects.

	Lower camelCase - Pascal Case

	signin - Signin
	signout - Signout
	checklist - Checklist
	logout - Logout
	login - Login

	{
	"window.zoomLevel": 0,
	"editor.renderWhitespace": "all",
	"editor.formatOnSave": true,
	"editor.tabCompletion": "on",
	"javascript.validate.enable": false,
	"javascript.format.enable": false,
	"files.associations": {
	"*.js": "javascriptreact",
	"*.tsx": "typescriptreact",