poznamky.txt

https://react-bootstrap.github.io/
https://reactjs.org/docs/refs-and-the-dom.html

https://hackernoon.com/a-user-encounters-a-javascript-error-youll-never-guess-what-happens-next-dc1a6f725490
https://blog.scalac.io/react-redux-jwt-authentication.html
https://medium.freecodecamp.org/how-to-create-email-chips-in-pure-react-ad1cc3ecea16


Integration with heroku:
~~~~~~~~~~~~~~~~~~~~~~~~
https://github.com/mars/heroku-cra-node
heroku plugins:install heroku-cli-static
git remote add heroku https://git.heroku.com/jcm2018.git
heroku domains
heroku certs:auto
heroku ps:resize web=hobby
heroku ps
heroku ps:restart
heroku logs

Heroku SSL uses Server Name Indication (SNI), an extension of the TLS protocol, which allows for
Heroku to terminate SSL on its router. App receives only unencrypted HTTP/WS traffic.
https://devcenter.heroku.com/articles/ssl
https://devcenter.heroku.com/articles/automated-certificate-management
https://devcenter.heroku.com/articles/http-routing     (X-Forwarded-Proto)


MongoDB Atlas in the cloud:
~~~~~~~~~~~~~~~~~~~~~~~~~~~
https://cloud.mongodb.com/


Sending emails via Gmail
~~~~~~~~~~~~~~~~~~~~~~~~
https://medium.com/@nickroach_50526/sending-emails-with-node-js-using-smtp-gmail-and-oauth2-316fe9c790a1

Focused button:
.button:focus {
  
  /* Adds a white border around the button, along with a blue glow. The white and blue have a color contrast ratio of at least 3:1, which means this will work against any background color. */
  box-shadow: 0 0 0 2px #ffffff, 0 0 3px 5px #3a97f9;
  
  /* NOTE: box-shadow is invisible in Windows high-contrast mode, so we need to add a transparent outline, which actually does show up in high-contrast mode. */
  outline: 2px dotted transparent;
  outline-offset: 2px;
}