以 docker 的角度來說，所謂的 FED 的 components (真的很不想用前端這個詞…) 相對是最好包的，所有的依賴理論上都可以從 API 帶資料來，幾乎不需要什麼設定或環境變數，這邊的 code 我一面寫、一面會補上，其實也可以看到在微服務的開發，可以說是一種右到左的思維，先想怎麼部署，各個部件的連繫接上，再把裡面該有的 code 補滿。

以下示範以 ansible 部署一個 frontend 的 docker。

$ cat roles/tasks/run_react.yaml
- name: Docker | Start react.mytodos
  docker_container:
    name: react.mytodos
    state: started
    domainname: react.mytodos
    image: "path.to.your.docker.registry/team-name/mytodos-react:{{ img_ver }}"
    volumes:
      - /sys/fs/cgroup:/sys/fs/cgroup:ro
      - /usr/share/zoneinfo/UTC:/etc/localtime:ro
    networks:
      - name: mynet
        aliases: react.mytodos
        ipv4_address: 172.20.0.5
        links:
          - flask.mytodos
    recreate: true