{"id":24896766,"url":"https://github.com/massoncorlette/reactprojectstartertemplate","last_synced_at":"2025-03-27T16:40:34.828Z","repository":{"id":259153021,"uuid":"876447234","full_name":"massoncorlette/ReactProjectStarterTemplate","owner":"massoncorlette","description":"Template to get project up and running quickly for React - Vite - Vitest environment.","archived":false,"fork":false,"pushed_at":"2025-02-09T08:17:16.000Z","size":112,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-09T09:22:54.414Z","etag":null,"topics":["babel","babel-plugin","javascript","react","starter-kit","template","vite","vitest"],"latest_commit_sha":null,"homepage":"","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/massoncorlette.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-10-22T01:37:52.000Z","updated_at":"2025-02-09T08:17:19.000Z","dependencies_parsed_at":"2024-10-23T03:47:07.640Z","dependency_job_id":"8a4879d5-78f9-4bd2-bc4b-98db2677c2a6","html_url":"https://github.com/massoncorlette/ReactProjectStarterTemplate","commit_stats":null,"previous_names":["massoncorlette/hybridtrackerapp"],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/massoncorlette%2FReactProjectStarterTemplate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/massoncorlette%2FReactProjectStarterTemplate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/massoncorlette%2FReactProjectStarterTemplate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/massoncorlette%2FReactProjectStarterTemplate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/massoncorlette","download_url":"https://codeload.github.com/massoncorlette/ReactProjectStarterTemplate/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245885299,"owners_count":20688435,"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":["babel","babel-plugin","javascript","react","starter-kit","template","vite","vitest"],"created_at":"2025-02-01T20:15:08.978Z","updated_at":"2025-03-27T16:40:34.823Z","avatar_url":"https://github.com/massoncorlette.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React + Vite\n\nVite and Vitest setup now run:\nnpm install\nnpm run dev\nnpm react-router-dom\n\nTwo packages that come with react-router-dom:\n1. Loaders fetch data before rendering. (link)\n\t1. A big advantage of loaders is that they decouple data fetching from the component rendering, thus avoiding the waterfall problem.\n2. Actions handle form submissions without needing extra state. (Prevents the need for useState in simple \u003cform\u003e handling.)\n\nFor testing run:\nnpm install jsdom --save-dev (enable HTML for vitest testing)\nnpm install @testing-library/react @testing-library/jest-dom --save-dev (installs React testing library)\nnpm install @testing-library/user-event --save-dev  (installs userEvent API to simulate user interaction)\n\nMore details on the installed libraries: https://www.theodinproject.com/lessons/node-path-react-new-introduction-to-react-testing#setting-up-a-react-testing-environment\n\nnpm test App.test.jsx  (to run a test)\n\nnpx prettier --write .   (command to auto fix format and spacing issues)\nnpx eslint . --fix       (command to auto fix inaccurate syntax)  \nnpx eslint .             (command to just check errors)\n\nMake sure to have React Extension in Browser: https://chromewebstore.google.com/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en for debugging\n\nInstalled Vitest using: https://www.robinwieruch.de/vitest-react-testing-library/  (Assuming Vite is setup as well)\n\nVite → A super-fast build tool for modern web apps (replaces Webpack).\nVitest → A testing framework designed for Vite projects (alternative to Jest).\n\nThis template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.\n\nCurrently, two official plugins are available:\n\n- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh\n- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmassoncorlette%2Freactprojectstartertemplate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmassoncorlette%2Freactprojectstartertemplate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmassoncorlette%2Freactprojectstartertemplate/lists"}