Docker commands

Local

docker build -t pa4kev/portfolio-reactjs-full:latest -f Dockerfile .

docker push pa4kev/portfolio-reactjs-full:latest

Server (Enaga)

docker pull pa4kev/portfolio-reactjs-full

if required, run certbot to set the certificates. docker run -it --rm -p 80:80 --name certbot -v "/etc/letsencrypt:/etc/letsencrypt" -v "/var/lib/letsencrypt:/var/lib/letsencrypt" certbot/certbot certonly --standalone --break-my-certs -d matsubara.nl -d www.matsubara.nl -d pa4kev.nl -d www.pa4kev.nl -d michelaben.nl -d www.michelaben.nl

docker run -d --name react -p 80:80 -p 443:443 -v /etc/letsencrypt:/etc/letsencrypt -v /var/lib/letsencrypt:/var/lib/letsencrypt -v /var/www/html:/var/www/html pa4kev/portfolio-reactjs-full

To renew, stop the current running container. Then re-run the same commands as above again.

Server (Wielewaal)

docker pull pa4kev/portfolio-mariadb

---

React

Bootstrap: npm install bootstrap

Routing: npm install react-router-dom

Dark mode: https://www.makeuseof.com/how-to-add-dark-mode-to-a-react-application/

Emoji component: https://medium.com/@seanmcp/%EF%B8%8F-how-to-use-emojis-in-react-d23bbf608bf7

HTML parsing: npm install html-react-parser

Markdown to JSX documentation:

• https://github.com/quantizor/markdown-to-jsx
• https://markdown-to-jsx.quantizor.dev/

Markdown to JSX install: npm install markdown-to-jsx

https://www.npmjs.com/package/html-react-parser

Convert SVG to React component: https://svg2jsx.com/

Syntax highlighting: npm install react-syntax-highlighter

react-syntax-highlighter documentation

Node

List outdated packages: npm outdated

Update all dependancies: npm update

---

elm init

npm init -y

elm install mdgriffith/elm-ui

elm install elm-community/random-extra

Add to package.json

"scripts": {
    "dev": "elm-live src/Main.elm -- --debug --output=index.js",
},
"devDependencies": {
    "elm-live": "^4.0.2"
}

npm install

You can now run for development: npm run dev

elm make src/Main.elm --output=index.js

---

Documentation

Create React App

React documentation

Boostrap 5.2 documentation

MySqlConnector documentation

connectionstrings.com

Giraffe F# web framework

Docker hub - Node

Docker hub - Nginx

Code Splitting

This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting

Analyzing the Bundle Size

This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

Making a Progressive Web App

This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app

Advanced Configuration

This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration

Deployment

This section has moved here: https://facebook.github.io/create-react-app/docs/deployment

npm run build fails to minify

This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify