nassim-react

Component Trees

Container Components

Dashboard

Dashboard {
	MarketData: [
			...{
				marketIndex: String,
				chart: {},
				textData: String
			}
	],
	CustomDataSelections: [
		...{
			name: 'MostActive',
			memberStocks: [
				...{
					symbol: String,
					chart: {}
				}
			] 
		},
		{
			name: 'MyPortfolio',
			MemberStocks: [
				{
					symbol: Account.Portfolio[i].symbol,

				}
			]
		}
	]
}

Account

Account {
	email: String,
	password: String,
	Portfolio {
		[
			... {
				symbol: String,
				name: String,
				quantity: Number,
				price: Number,
				totalValue: Number
			}
		]
	}
}

Stock

Stock {
	DisplayData {
		chart: {},
		textData: {
			symbol: String,
			name: String,
			price: Number
		}
	}
	Transaction {
		date: Date,
		symbol: String,
		name: String,
		type: String,
		quantity: Number,
		price: Number,
		totalValue: Number,
		execute: false
	}
}

Presentation Components

Main, Header, Footer, Landing, Home

2018-09-26

Transaction and Stock relationships

• Buy and sell request executions should occur in Transaction instead of Stock.
• Transaction can be:
  • current, referring to the buy or sell request currently being executed; or
  • historical, referring to requests executed in the past.
• Transaction should be a slave/child of Stock
• Data flow:
  • Stock makes a transaction request
  • Transaction validates the request
  • Transaction executes request or resolves promise and returns an error message
  • Transaction records new transaction history in database
  • Transaction performs post-transaction actions: sending notification

    Portfolio: consider making a dictionary with symbols as keys

• Dictionary:

  Portfolio: {
    'aapl': {
        name: 'Apple Inc.',
        price: Number,
        quantity: Number,
        totalValue: price * quantity
    },
    'fb': {
        name: 'Facebook Inc.',
        ...
    }
  }
  

  • Sorting: sorting an array of keys (Portfolio.keys()) is cheaper than sorting an array of objects
  • Searching: will be able to find out what stock I hold by Portfolio.keys()
  • Will not have to traverse an array every time I need data from a single stock.
  • Will not have to declare a symbol in the stock
• Array:

  Portfolio: [
    ...{
        symbol: 'aapl',
        name: 'Apple Inc.'
        ...
    },
    {
        symbol: 'fb',
        name: 'Facebook Inc.',
        ...
    }
  ]