{"id":26077787,"url":"https://github.com/wallabyjs/quokka-create-react-app","last_synced_at":"2025-04-11T22:51:43.183Z","repository":{"id":39502126,"uuid":"193400811","full_name":"wallabyjs/quokka-create-react-app","owner":"wallabyjs","description":null,"archived":false,"fork":false,"pushed_at":"2023-01-04T00:55:34.000Z","size":3507,"stargazers_count":15,"open_issues_count":22,"forks_count":3,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-03-25T18:53:59.426Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/wallabyjs.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-06-23T22:20:46.000Z","updated_at":"2024-11-06T16:36:33.000Z","dependencies_parsed_at":"2023-02-01T16:31:18.105Z","dependency_job_id":null,"html_url":"https://github.com/wallabyjs/quokka-create-react-app","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wallabyjs%2Fquokka-create-react-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wallabyjs%2Fquokka-create-react-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wallabyjs%2Fquokka-create-react-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wallabyjs%2Fquokka-create-react-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wallabyjs","download_url":"https://codeload.github.com/wallabyjs/quokka-create-react-app/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248492977,"owners_count":21113161,"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":[],"created_at":"2025-03-09T03:06:01.855Z","updated_at":"2025-04-11T22:51:43.158Z","avatar_url":"https://github.com/wallabyjs.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## Quokka Create-React-App Sample\n\nThis example project shows Quokka configured for a create-react-app \napplication created using v3.0.1 with all defaults.\n\n## Try Quokka on this project\n\nTo try Quokka with this project, you'll need to clone this repo and run\n`yarn install`. After installing the packages, you're ready to go.\n\n1. Open up `src/QuokkaExample.js`.\n2. Start Quokka\n3. In the example, you will see that we import `src/App.js` and load it into\nthe browser DOM. We then access the component from the DOM by its class name\nand are outputting its innerHTML, which displays both inline in your editor\nand within the Quokka console.\n\n## How did we configure Quokka for this project?\n\nBecause create-react-app has a few runtime dependencies, we needed to specify\nsome additional Quokka configuration to run project files:\n\n1. Install `jsdom-quokka-plugin` package to provide browser-like environment.\n2. Install `@babel/register` package to allow Quokka to run babel on imports.\n\n```\nyarn add jsdom-quokka-plugin @babel/register --dev\n```\n\n3. Add a `.quokka` project file that tells Quokka to use the \n`jsdom-quokka-plugin` and to transpile your files using the `react-app` babel\npreset.\n\n*Please note:* you may install the `jsdom-quokka-plugin` and `@babel/register`\npackages to your [global quokka folder](https://quokkajs.com/docs/configuration.html#global-config-file)\nif you don't want to pollute your project's node modules. If you install\nglobally, you will not need to add them again for subsequent projects. \n\nTo install the packages in your global quokka folder:\n\n```\ncd ~/.quokka\nnpm install jsdom-quokka-plugin @babel/register\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwallabyjs%2Fquokka-create-react-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwallabyjs%2Fquokka-create-react-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwallabyjs%2Fquokka-create-react-app/lists"}