pan227

## System Design.md

      
              1 file
            
          
              0 forks
            
          
                0 comments
              
            
              0 stars
            
          
                pan227
                / System Design.md
            
            
              Created
              November 22, 2021 01:20
                — forked from vasanthk/System Design.md
            
              
                System Design Cheatsheet
              
          
    System Design Cheatsheet


Picking the right architecture = Picking the right battles + Managing trade-offs

Basic Steps


Clarify and agree on the scope of the system


User cases (description of sequences of events that, taken together, lead to a system doing something useful)

Who is going to use it?
How are they going to use it?


## UndoStack.js
function UndoItem (perform, data) {
	this.perform = perform;
	this.data = data;
}

/**
 * UndoStack:
 * Easy undo-redo in JavaScript.
 **/

## interviewQuestion
  Fetcher interface:
  fetchAnimals(prefix: string, callback: function): void
  fetchArticles(prefix: string, callback: function): void
  fetchFruits(prefix: string, callback: function): void
  Note: there are many more fetchers

  Callback interface:
  callback(results: string[]): void
*/
fetchAnimals('g', (results) => console.log(results));

## dom.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Facebook DOM Traversal</title>
</head>
<body>
  <div id="rootA">
    <div>
	function UndoItem (perform, data) {
	this.perform = perform;
	this.data = data;
	}

	/**
	* UndoStack:
	* Easy undo-redo in JavaScript.
	**/
	Fetcher interface:
	fetchAnimals(prefix: string, callback: function): void
	fetchArticles(prefix: string, callback: function): void
	fetchFruits(prefix: string, callback: function): void
	Note: there are many more fetchers

	Callback interface:
	callback(results: string[]): void
	*/
	fetchAnimals('g', (results) => console.log(results));
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>Facebook DOM Traversal</title>
	</head>
	<body>
	<div id="rootA">
	<div>