Sarang Kartikey sarangkartikey50

Project Structure

Project Structure for any frontend project (This project structure is typically for React).

root
- src
  - adapters
  - assets
    - img
styles

VSCode Shortcuts

List of helpful shortcuts for faster coding

If you have any other helpful shortcuts, feel free to add in the comments of this gist :)

Official List of all commands

Windows
Mac

Lifecycle

1. Register

- parse and register /sw.js
    a. Install
        - install the service worker.
    b. Installed
        - ther service worker was installed successfully and waiting for activation (some other instance service worker is installed)

	<Grid container>
	<Grid item container spacing={32}>
	<Grid item xs={12}>
	<Typography variant='display2' align='center'>Heading</Typography>
	</Grid>
	<Grid container>
	<Grid item xs={5}>
	<div>
	<img
	style={{height: '100%', width: '250px'}}src="https://www.google.co.in/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" />

	console.stdlog = console.log.bind(console);
	console.logs = [];
	console.log = function(){
	console.logs.push(Array.from(arguments));
	console.stdlog.apply(console, arguments);
	}
	console.stderror = console.error.bind(console);
	console.errors = [];
	console.error = function(){
	console.errors.push(Array.from(arguments));