2019-08-24 – Mostly Software

vue init webpack <myproj> is like create-react-app
Still use components, and they update as the underlying data changes, but you do so with classic html/css/js rather than jsx (html in js). You CAN combine these all into a single .vue file with meta js/css/html.
You get a few useful html classes like v-for v-if v-bind v-on which allow you to conditionally/customizably display data and/or events.

Next.js is the framework for full node/react apps (as opposed to create-react-app for simple single-page apps).
Daytrading is … just transacting throughout the day on small fluctuations, rather than long-term.
Shorting, You do this when you think something is overvalued or you expect it to drop.

Selling shares that you do not own with the obligation to buy them back later.
Say I short company A. I go to a broker and “sell” 10 shares for $100 each. I then have $1000 and the requirement to “buy” the shares back at some later date.
This is like the opposite of a regular transaction, where you buy and hope it increases.
If the price drops, as I expected, to something like $80 then when I “buy” all 10, I will have effectively bought at 80 and sold at 100, making a profit of $20 per share.
If the price INCREASES, then you are losing money. If it goes to $150, you’ve lost $50 on each share.
There is an important difference with this method. Shorting stocks can theoretically lose you an infinite amount of money. With a regular stock purchase, say for $30, you can only lose that $30. If you short a $30 stock, like an early google share, and it rises to $1000, you’ve lost $970, and will continue to lose more as the price increases.

Good documentary about dana white and the fertitta brothers: https://www.youtube.com/watch?v=tWMG1PsR21U. TUF saved the early days of the UFC!

Lot of respect for these guys building a product that THEY supported. Decisions were not solely made for finance or for business, they were made for the furtherment of the sport. These 3 men believed MMA should be up there with NFL/NBA/MLB/NHL, so they sole intent of the UFC was the exposure of that to the fans.
WME bought the UFC for 4 billion recently. They also own zuffa, miss universe, and more. WME stands for WIlliam Morris Endeavor, but the company is simply known as Endeavor now.
Here are the rankings for sports agencies from 2018: https://www.forbes.com/sports-agencies/list.

Bobbing a bike is making it naked and removing the passenger assemblies so it ends at the seat (like a bobtail). I won’t remove the tail of the bmw so that I can still use the saddlebags.
Breakfast at Hangar with the softball crew.
Change it to ceddit in the url to see the mod-removed comments, etc.
The reason you have to import react in seemingly unnecessary places is usually due to jsx.
Dockerfiles can have multiple RUN instructions to build the image, but only one CMD or ENTRYPOINT. This is what is run to start the image.
Docker rework for bmahlstedt.com.

Standardized the docker compose file with separate services (and dockerfiles, where necessary) for dev and prod.
Got it proxied by the nginx container, with routing by domain), and certified by the letsencrypt container (super simple with current umbrella docker-compose infra).
The frontend in production is actually pretty easy. You just run npm build in an intermediate container then point nginx at the static files in a second container (the docker name for this is multistage build). The output of ./build/ goes into /usr/share/nginx/html.

Remember, the output of this build looks hardly like the source js you wrote. It bundles and minifies quite a bit for the optimized production build.
Another kinda weird thing – you still use jwilder/nginx-proxy to route the initial requests to the proper domain. This goes to a flask app with uwsgi on the supercontest app, but for bmahlstedt.com, it goes from the nginx reverse proxy container to another nginx container serving the npm build output. This is not superfluous, something needs to serve the static files. There’s another container running pm2/node for the backend, obviously – this just makes more sense because it’s nginx->pm2 instead of nginx->nginx.

Instead of starting the app with `node` I start it with `pm2` the node process manager. This allows you to start/stop/monitor and more.
The only increase in complexity is because of react-router, which you have to make dynamic. To do this, you simply overwrite the default nginx.conf to include root and index.
The other
Deployed to production. Closed ticket #9.

Cool CDN to get SVGs for common brands: https://github.com/simple-icons/simple-icons.