{"id":15394006,"url":"https://github.com/keneucker/react-testing-starter","last_synced_at":"2026-04-09T16:03:46.972Z","repository":{"id":147533461,"uuid":"349874299","full_name":"KenEucker/react-testing-starter","owner":"KenEucker","description":"A starter repository for a React application with accompanying frontend tests, written entirely in typescript.","archived":false,"fork":false,"pushed_at":"2021-03-25T23:16:33.000Z","size":310,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"production","last_synced_at":"2025-03-27T23:43:55.686Z","etag":null,"topics":["jest","react","testing","typescript","webpack"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"cc0-1.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/KenEucker.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-03-21T01:31:00.000Z","updated_at":"2021-03-25T23:16:35.000Z","dependencies_parsed_at":null,"dependency_job_id":"b3dcafaa-0879-49b1-8139-85eaccbc6bb8","html_url":"https://github.com/KenEucker/react-testing-starter","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/KenEucker/react-testing-starter","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KenEucker%2Freact-testing-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KenEucker%2Freact-testing-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KenEucker%2Freact-testing-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KenEucker%2Freact-testing-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/KenEucker","download_url":"https://codeload.github.com/KenEucker/react-testing-starter/tar.gz/refs/heads/production","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KenEucker%2Freact-testing-starter/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266552647,"owners_count":23947181,"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","status":"online","status_checked_at":"2025-07-22T02:00:09.085Z","response_time":66,"last_error":null,"robots_txt_status":null,"robots_txt_updated_at":null,"robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["jest","react","testing","typescript","webpack"],"created_at":"2024-10-01T15:21:24.167Z","updated_at":"2026-04-09T16:03:46.928Z","avatar_url":"https://github.com/KenEucker.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# react-testing-starter\n\nA starter repository for a React application with accompanying frontend tests, written entirely in typescript. This project includes material-ui and uses the theme and style hooks appropriate for Typescript. This project also includes jest and enzyme for testing React components and React hooks.\n\n## Getting Started\n\nThis project has a series of scripts that are defined in the package.json file. Their use is outlined below:\n\n-   wipe - This script will delete the compiled assets that are created during the webpack build process.\n-   clean - This script will run prettier on all of the source code files to adhere to best practices.\n-   build - This script will run the webpack build for development and testing purposes.\n-   package - This script will run the webpack build for production deployment.\n-   test - This script will run jest using the test files found in /src/\\_\\_tests\\_\\_\n-   fix - This script will run jest and include the -u flag to fix the simple errors discovered in tests.\n-   start - This script will run the build process and then start the webpack dev server.\n-   postinstall - This script will run after `npm install` and will run the `test` script.\n\n## Deep Dive\n\nBelow is a breakdown of the files found within the root of the project. These files set up Webpack, Babel, and Jest for React application development using Typescript both in the app code as well as the testing code. All of the plugins, compilerOptions, and packages included in this project are to meet the requirements of React + Jest with Typescript; with nothing more added. The Webpack Dev server is configured to listen on port 8080 and to hot-reload with any changes to the source files.\n\n### .gitignore\n\nNothing special to note here except for the fact that static/index.html is ignored.\n\n### .prettierignore\n\nNote: prettier should not run on the node_modules folder or any other compiled assets.\n\n### .prettierrc\n\nThis prettier configuration will adhere to modern Typescript practices.\n\n### babel.config.json\n\nThis small babel config is used in order to run typescript files using jest\n\n### jest.config.ts\n\nThe jest configuration enables the transforming of Typescript in the test files.\n\n### jest.setup.ts\n\nIn the jest setup file, the mocked server using `msw` is configured. This is where you would add any setup or teardown functionality that happens for all of your tests.\n\n### tsconfig.json\n\nThis document has each compilerOption documented inline. Here is the result of those options, explained:\n\nThe output will be in the `dist/` folder and include a bundle with sourceMaps targeting ES2019 features. React component code will be allowed in script files (.tsx and .jsx).\n\n### webpack.build.ts\n\nIncludes inline sourcemaps for sass and css assets.\n\n### webpack.common.ts\n\nThis file, in addition to setting up webpack configurations, creates the `static/index.html` file if it does not already exist. This file is gitignored to allow for development testing within this file. It is expected, with this project setup, that the index file contains only what it needs to in order to have the React app mounted.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkeneucker%2Freact-testing-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkeneucker%2Freact-testing-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkeneucker%2Freact-testing-starter/lists"}