{"id":15659623,"url":"https://github.com/qdm12/reactdevcontainer","last_synced_at":"2025-06-14T05:33:38.452Z","repository":{"id":40470332,"uuid":"225236181","full_name":"qdm12/reactdevcontainer","owner":"qdm12","description":"React development container for Visual Studio Code","archived":false,"fork":false,"pushed_at":"2024-10-24T07:41:22.000Z","size":80,"stargazers_count":23,"open_issues_count":5,"forks_count":10,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-05-01T09:16:42.052Z","etag":null,"topics":["devcontainer","docker","docker-image","react","reactjs","vscode"],"latest_commit_sha":null,"homepage":null,"language":"Dockerfile","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/qdm12.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":".github/CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":".github/CODEOWNERS","security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-12-01T21:51:11.000Z","updated_at":"2025-03-19T19:07:09.000Z","dependencies_parsed_at":"2024-10-23T06:25:30.573Z","dependency_job_id":"3f087693-2e7b-4a87-b6c9-e5b8bc11b92c","html_url":"https://github.com/qdm12/reactdevcontainer","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qdm12%2Freactdevcontainer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qdm12%2Freactdevcontainer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qdm12%2Freactdevcontainer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qdm12%2Freactdevcontainer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/qdm12","download_url":"https://codeload.github.com/qdm12/reactdevcontainer/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251850182,"owners_count":21653978,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["devcontainer","docker","docker-image","react","reactjs","vscode"],"created_at":"2024-10-03T13:17:52.379Z","updated_at":"2025-05-01T09:16:46.989Z","avatar_url":"https://github.com/qdm12.png","language":"Dockerfile","readme":"# React Dev Container\n\nUltimate React development container for Visual Studio Code\n\n[![CI build](https://github.com/qdm12/reactdevcontainer/actions/workflows/ci.yml/badge.svg)](https://github.com/qdm12/reactdevcontainer/actions/workflows/ci.yml)\n\n[![dockeri.co](https://dockeri.co/image/qmcgaw/reactdevcontainer)](https://hub.docker.com/r/qmcgaw/reactdevcontainer)\n\n![Last Docker tag](https://img.shields.io/docker/v/qmcgaw/reactdevcontainer?sort=semver\u0026label=Last%20Docker%20tag)\n[![Latest size](https://img.shields.io/docker/image-size/qmcgaw/reactdevcontainer/latest?label=Latest%20image)](https://hub.docker.com/r/qmcgaw/reactdevcontainer/tags)\n\n![Last release](https://img.shields.io/github/release/qdm12/reactdevcontainer?label=Last%20release)\n[![Last release size](https://img.shields.io/docker/image-size/qmcgaw/reactdevcontainer?sort=semver\u0026label=Last%20released%20image)](https://hub.docker.com/r/qmcgaw/reactdevcontainer/tags?page=1\u0026ordering=last_updated)\n![GitHub last release date](https://img.shields.io/github/release-date/qdm12/reactdevcontainer?label=Last%20release%20date)\n![Commits since release](https://img.shields.io/github/commits-since/qdm12/reactdevcontainer/latest?sort=semver)\n\n[![GitHub last commit](https://img.shields.io/github/last-commit/qdm12/reactdevcontainer.svg)](https://github.com/qdm12/reactdevcontainer/commits/main)\n[![GitHub commit activity](https://img.shields.io/github/commit-activity/y/qdm12/reactdevcontainer.svg)](https://github.com/qdm12/reactdevcontainer/graphs/contributors)\n[![GitHub closed PRs](https://img.shields.io/github/issues-pr-closed/qdm12/reactdevcontainer.svg)](https://github.com/qdm12/reactdevcontainer/pulls?q=is%3Apr+is%3Aclosed)\n[![GitHub issues](https://img.shields.io/github/issues/qdm12/reactdevcontainer.svg)](https://github.com/qdm12/reactdevcontainer/issues)\n[![GitHub closed issues](https://img.shields.io/github/issues-closed/qdm12/reactdevcontainer.svg)](https://github.com/qdm12/reactdevcontainer/issues?q=is%3Aissue+is%3Aclosed)\n\n![Visitors count](https://visitor-badge.laobi.icu/badge?page_id=reactdevcontainer.readme)\n\n## Features\n\n- Based on [qmcgaw/basedevcontainer](https://github.com/qdm12/basedevcontainer)\n  - Minimal custom terminal and packages\n  - Nodejs, npm and yarn downloaded as Alpine packages\n  - See more [features](https://github.com/qdm12/basedevcontainer#features)\n- Globally installed: `nodemon`, `create-react-app`, `mocha`, and `jest`\n- Cross platform\n  - Easily bind mount your SSH keys to use with **git**\n  - Manage your host Docker from within the dev container, more details at [qmcgaw/basedevcontainer](https://github.com/qdm12/basedevcontainer#features)\n- Extensible with docker-compose.yml\n- Two versions:\n  1. **Alpine 3.15** based\n      - Image tags  `:latest`, `:alpine` and `:alpine-vx.x.x`\n      - Size of 260MB\n      - ⚠️ does not work on `arm64` due to [vscode-remote-release#4462](https://github.com/microsoft/vscode-remote-release/issues/4462)\n  2. **Debian Bullseye Slim** based\n      - Image tags `:debian` and `:debian-vx.x.x`\n      - Size of 500MB\n      - Not built for arm V6\n- Compatible with `amd64`, `arm64`, `armv7`, `armv6`, `s390x` and `ppc64le`\n\n## Requirements\n\n- [Docker](https://www.docker.com/products/docker-desktop) installed and running\n  - If you don't use Linux, share the directories `~/.ssh` and the directory of your project with Docker Desktop\n- [Docker Compose](https://docs.docker.com/compose/install/) installed\n- [VS code](https://code.visualstudio.com/download) installed\n- [VS code remote containers extension](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-containers) installed\n\n## Setup for a project\n\n1. Setup your configuration files\n    - With style 💯\n\n        ```sh\n        docker run -it --rm -v \"/yourrepopath:/repository\" qmcgaw/devtainr:v0.2.0 -dev react -path /repository -name projectname\n        ```\n\n        Or use the [built binary](https://github.com/qdm12/devtainr#binary)\n    - Or manually: download this repository and put the [.devcontainer](.devcontainer) directory in your project.\n1. If you have a *.vscode/settings.json*, eventually move the settings to *.devcontainer/devcontainer.json* in the `\"settings\"` section as *.vscode/settings.json* take precedence over the settings defined in *.devcontainer/devcontainer.json*.\n1. Open the command palette in Visual Studio Code (CTRL+SHIFT+P) and select `Remote-Containers: Open Folder in Container...` and choose your project directory\n1. If you want to use the Debian based image, you can modify the .devcontainer/Dockerfile in your directory.\n\n**Note that by default it will map the port `3000` to a random port on your host, which you can find with `docker ps`**\n\n## Customization\n\nSee the [.devcontainer/README.md](.devcontainer/README.md) document in your repository.\n\n## TODOs\n\n- [qmcgaw/basedevcontainer](https://github.com/qdm12/basedevcontainer) todos\n\n## License\n\nThis repository is under an [MIT license](https://github.com/qdm12/reactdevcontainer/master/LICENSE) unless indicated otherwise.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fqdm12%2Freactdevcontainer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fqdm12%2Freactdevcontainer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fqdm12%2Freactdevcontainer/lists"}