{"id":23576111,"url":"https://github.com/alexey-koran/react-template","last_synced_at":"2025-06-16T21:39:11.801Z","repository":{"id":46211200,"uuid":"291956335","full_name":"alexey-koran/react-template","owner":"alexey-koran","description":"Up-to date react + typescript template","archived":false,"fork":false,"pushed_at":"2025-05-31T06:47:57.000Z","size":2792,"stargazers_count":33,"open_issues_count":5,"forks_count":34,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-05-31T18:22:38.207Z","etag":null,"topics":["create-react-app","create-react-app-typescript","react","react-boilerplate","react-template"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/alexey-koran.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","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,"zenodo":null}},"created_at":"2020-09-01T09:35:55.000Z","updated_at":"2024-11-13T02:02:06.000Z","dependencies_parsed_at":"2023-11-16T00:26:12.208Z","dependency_job_id":"835fb8d1-fb5c-4067-8b71-eb2ff122db51","html_url":"https://github.com/alexey-koran/react-template","commit_stats":null,"previous_names":[],"tags_count":24,"template":true,"template_full_name":null,"purl":"pkg:github/alexey-koran/react-template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexey-koran%2Freact-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexey-koran%2Freact-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexey-koran%2Freact-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexey-koran%2Freact-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/alexey-koran","download_url":"https://codeload.github.com/alexey-koran/react-template/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexey-koran%2Freact-template/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260246411,"owners_count":22980391,"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":["create-react-app","create-react-app-typescript","react","react-boilerplate","react-template"],"created_at":"2024-12-26T21:12:44.825Z","updated_at":"2025-06-16T21:39:11.774Z","avatar_url":"https://github.com/alexey-koran.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React template\n\n[![Contributor Covenant](https://img.shields.io/badge/Contributor%20Covenant-2.1-4baaaa.svg?style=for-the-badge\u0026logo=data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHVzZSB4bGluazpocmVmPSIjYSIvPgogIDx1c2UgeGxpbms6aHJlZj0iI2IiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMuNjI1IDEuNSkiLz4KICA8ZGVmcz4KICAgIDxwYXRoIGlkPSJhIiBmaWxsPSIjZmZmZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS40MjQuNzY4YTcgNyAwIDEgMCAzLjY1OCAxMC45NTdBOCA4IDAgMSAxIDExLjQyNC43NjhaIi8+CiAgICA8cGF0aCBpZD0iYiIgZmlsbD0iI2ZmZmZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC41NjguNTc2YTUuMjUgNS4yNSAwIDEgMCAyLjc0MyA4LjIxOEE2IDYgMCAxIDEgOC41NjguNTc2WiIvPgogIDwvZGVmcz4KPC9zdmc+Cg==)](CODE_OF_CONDUCT.md)\n\n| Node | Package manager |\n| ------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |\n| [![Minimum node version](https://img.shields.io/badge/min%20node-20.17.0-orange?style=for-the-badge\u0026logo=node.js)](https://nodejs.org/en/) | [![Minimum npm version](https://img.shields.io/badge/min%20npm-10.8.2-orange?style=for-the-badge\u0026logo=npm)](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm) |\n| [![Recommended node version](https://img.shields.io/badge/rec%20node-22.7.0-blue?style=for-the-badge\u0026logo=node.js)](https://nodejs.org/en/) | [![Recommended pnpm](https://img.shields.io/badge/rec%20pnpm-9.9.0-blue?style=for-the-badge\u0026logo=pnpm)](https://pnpm.io/) |\n\n# Installation\n\n\u003e [!TIP]\n\u003e Highly recommend\n\u003e\n\u003e [PNPM](https://pnpm.io/) as a **package manager**\n\u003e\n\u003e [NVM](https://github.com/nvm-sh/nvm) as a **Node.js version manager**\n\n```bash\ngit clone repo_url\ncd project_location\npnpm i\n```\n\n# Scripts\n\n\u003e [!IMPORTANT]\n\u003e Development server use the **8080** port\n\n```bash\nhttp://localhost:8080/\n```\n\n\u003e [!NOTE]\n\u003e\n\u003e `allJsTsExtensions` = js, cjs, mjs, jsx, cjsx, mjsx, ts, cts, mts, tsx, ctsx, mtsx\n\u003e\n\u003e For the more details check [scripts section in package.json](./package.json#L17)\n\n\u003cdetails open\u003e\n\n\u003csummary\u003e\u003ch3\u003eScripts table\u003c/h3\u003e\u003c/summary\u003e\n\n| Command | Description | Path |\n| -------------------------- | -------------------------------------------------------- | ------------------------------- |\n| | | |\n| | `Dev server` | |\n| `pnpm dev` | dev-server in **developer** mode (hot reload) | |\n| `pnpm prod` | dev-server in **production** mode (build optimizations) | |\n| | | |\n| | `Build application` | |\n| `pnpm clean` | clean build folder | `./build` |\n| `pnpm buildapp` | build application for deploy | `./build` |\n| `pnpm build` | clean build folder \u0026 build application for deploy | `./build` |\n| | | |\n| | `Code linting \u0026 formatting` | |\n| `pnpm prettier` | code format check | `**/*.{allJsTsExtensions,pcss}` |\n| `pnpm prettier:fix` | code format autofix | `**/*.{allJsTsExtensions,pcss}` |\n| `pnpm lint` | eslint check | `**/*.{allJsTsExtensions}` |\n| `pnpm lint:fix` | eslint autofix | `**/*.{allJsTsExtensions}` |\n| `pnpm lint:fix-staged` | eslint autofix | only on git staged files |\n| `pnpm lint:css` | stylelint check | `./src` |\n| `pnpm lint:css:fix` | stylelint autofix | `./src` |\n| `pnpm lint:css:fix-staged` | stylelint autofix | only on git staged files |\n| `pnpm lint-all` | prettier, eslint \u0026 stylelint check processes in order | see above |\n| `pnpm fix-all` | prettier, eslint \u0026 stylelint autofix processes in order | see above |\n| `pnpm fix-staged` | scripts from `.lintstagedrc` in autofix mode | only on git staged files |\n| | | |\n| | `Analyzation \u0026 config check` | |\n| `pnpm analyze` | analyze webpack bundle | |\n| `pnpm test:eslint-config` | eslint config inspector, displays flat configs \u0026 rules | |\n| `pnpm test:webpack-config` | webpack config test | |\n| | | |\n| | `Optimization` | |\n| `pnpm svgo $FILE_PATH` | svgo on passed `.svg` file for optimization | `$FILE_PATH` |\n| `pnpm svgo-all` | svgo on all `.svg` files in the project for optimization | `./src` |\n| | | |\n| | `Utility` | |\n| `pnpm prepare` | runs automatically after installation, setup husky | |\n\n\u003c/details\u003e\n\n# Dependencies\n\n\u003e [!NOTE]\n\u003e\n\u003e For the more details check [dev \u0026 prod dependencies in package.json](./package.json#L41)\n\n\u003cdetails open\u003e\n\n\u003csummary\u003e\u003ch3\u003eDependencies table\u003c/h3\u003e\u003c/summary\u003e\n\n| Package name | Description | Version |\n| ------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------- |\n| | | |\n| | `Webpack` | |\n| webpack | application bundler | [v5.94.\\*](https://webpack.js.org/) |\n| webpack-cli | CLI for webpack | [v5.1.\\*](https://webpack.js.org/api/cli/) |\n| webpack-dev-server | development server | [v5.0.\\*](https://webpack.js.org/configuration/dev-server/) |\n| webpack-bundle-analyzer | application bundle analysis | [v4.10.\\*](https://github.com/webpack-contrib/webpack-bundle-analyzer) |\n| | `Plugins` | |\n| fork-ts-checker-webpack-plugin | runs [TypeScript](https://www.typescriptlang.org/) type checker on a separate process | [v9.0.\\*](https://github.com/TypeStrong/fork-ts-checker-webpack-plugin) |\n| html-webpack-plugin | generate HTML5 output file entry path: `./src/public/index.html` | [v5.6.\\*](https://github.com/jantimon/html-webpack-plugin) |\n| mini-css-extract-plugin | create a CSS file per JS file which contains CSS | [v2.9.\\*](https://github.com/webpack-contrib/mini-css-extract-plugin) |\n| copy-webpack-plugin | copy files to the build directory entry path `./src/static` | [v12.0.\\*](https://www.npmjs.com/package/copy-webpack-plugin) |\n| dotenv-webpack | support `.env` and other environment variables | [v8.1.\\*](https://github.com/mrsteele/dotenv-webpack) |\n| | `Loaders ` | |\n| esbuild-loader | faster alternatives for transpilation and minification with [esbuild](https://github.com/evanw/esbuild) | [v4.2.\\*](https://github.com/privatenumber/esbuild-loader) |\n| @svgr/webpack | transform SVG's into React components | [v8.1.\\*](https://react-svgr.com/) |\n| style-loader | inject CSS into the DOM | [v4.0.\\*](https://github.com/webpack-contrib/style-loader/) |\n| css-loader | interprets `@import` and `url()` like `import/require()` and will resolve them | [v7.1.\\*](https://github.com/webpack-contrib/css-loader) |\n| postcss-loader | loader to process CSS with [PostCSS](https://github.com/postcss/postcss) | [v8.1.\\*](https://github.com/webpack-contrib/postcss-loader) |\n| | | |\n| | `Typescript` | |\n| typescript | [TypeScript](https://www.typescriptlang.org/) is JavaScript with syntax for types | [v5.5.\\*](https://github.com/microsoft/TypeScript/releases) |\n| ts-node | [TypeScript](https://www.typescriptlang.org/) execution and REPL for [node.js](https://nodejs.org/) | [v10.9.\\*](https://typestrong.org/ts-node/) |\n| | | |\n| | `React` | |\n| react | library for web and native user interfaces | [v18.3.\\*](https://react.dev/versions) |\n| react-dom | React package for working with the [DOM](https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model) | [v18.3.\\*](https://github.com/facebook/react) |\n| react-error-boundary | reusable React [error boundary](https://react.dev/reference/react/Component#catching-rendering-errors-with-an-error-boundary) component | [v4.0.\\*](https://github.com/bvaughn/react-error-boundary) |\n| | | |\n| | `CSS` | |\n| tailwindcss | A utility-first CSS framework for rapidly building custom user interfaces | [v3.4.\\*](https://tailwindcss.com/) |\n| postcss | tool for transforming styles with JS plugins | [v8.4.\\*](https://postcss.org/) |\n| postcss-preset-env | polyfills modern CSS based on `.browserslistrc` | [v10.0.\\*](https://www.npmjs.com/package/postcss-preset-env) |\n| postcss-import | [PostCSS](https://github.com/postcss/postcss) plugin to transform `@import` rules by inlining content | [v16.1.\\*](https://github.com/postcss/postcss-import) |\n| postcss-assets | asset manager for CSS (archived) | [v6.0.0](https://www.npmjs.com/package/postcss-assets) |\n| clsx | utility for constructing className strings conditionally | [v2.1.\\*](https://github.com/lukeed/clsx) |\n| | | |\n| | `Git hooks` | |\n| husky | automatically lint commit messages, code run tests upon committing or pushing, works with git hooks | [v9.1.\\*](https://typicode.github.io/husky/) |\n| lint-staged | run linters \u0026 formatters scripts on git staged files | [v15.2.\\*](https://github.com/lint-staged/lint-staged) |\n| | | |\n| | `Code linting \u0026 formatting` | |\n| | `Tools` | |\n| eslint | configurable JavaScript linter | [v9.9.\\*](https://eslint.org/) |\n| prettier | opinionated code formatter | [v3.3.\\*](https://prettier.io/) |\n| stylelint | mighty CSS linter that helps you avoid errors and enforce conventions | [v16.9.\\*](https://github.com/stylelint/stylelint) |\n| | `Configs` | |\n| @alexey-koran/prettier-config | Prettier [sharing configuration](https://prettier.io/docs/en/configuration.html#sharing-configurations) | [v0.1\\*](https://npmjs.com/@alexey-koran/prettier-config) |\n| @alexey-koran/eslint-config | ESLint [shareable config](https://eslint.org/docs/latest/extend/shareable-configs) | [v0.1\\*](https://npmjs.com/@alexey-koran/eslint-config) |\n| stylelint-config-clean-order | order your styles with [stylelint-order](https://github.com/hudochenkov/stylelint-order) | [v6.1.\\*](https://github.com/kutsan/stylelint-config-clean-order) |\n| stylelint-config-standard | standard shareable config for [Stylelint](https://stylelint.io/) | [v36.0.\\*](https://github.com/stylelint/stylelint-config-standard) |\n| | `Plugins` | |\n| @eslint/js | ESLint JavaScript plugin Separating out JavaScript-specific functionality from ESLint | [v9.9.\\*](https://www.npmjs.com/package/@eslint/js) |\n| prettier-plugin-tailwindcss | Prettier plugin for Tailwind CSS v3.0+ that automatically sorts classes | [v0.6.\\*](https://github.com/tailwindlabs/prettier-plugin-tailwindcss) |\n| stylelint-prettier | runs [Prettier](https://github.com/prettier/prettier) as a Stylelint rule and reports differences as individual Stylelint issues | [v5.0.\\*](https://github.com/prettier/stylelint-prettier) |\n| | | |\n| | `Other` | |\n| svgo | [Node.js](https://nodejs.org/) library and command-line application for optimizing SVG files | [v4.0.\\*-rc](https://github.com/svg/svgo) |\n| cross-env | run scripts that set and use environment variables across platforms (archived) | [v7.0.3](https://github.com/kentcdodds/cross-env) |\n| @eslint/config-inspector | ESLint config inspector | [v0.5.\\*](https://github.com/eslint/config-inspector) |\n| @alexey-koran/tsconfig | TSConfig [sharing configuration](https://www.typescriptlang.org/tsconfig/#extends) | [v0.1.\\*](https://www.npmjs.com/package/@alexey-koran/tsconfig) |\n| | | |\n| | `@types` | |\n| @types/dotenv-webpack | type definitions for [dotenv-webpack](https://github.com/mrsteele/dotenv-webpack) | [v7.0.\\*](https://www.npmjs.com/package/@types/dotenv-webpack) |\n| @types/html-webpack-plugin | type definitions for [html-webpack-plugin](https://github.com/jantimon/html-webpack-plugin) | [v3.2.\\*](https://www.npmjs.com/package/@types/html-webpack-plugin) |\n| @types/node | type definitions for [node.js](https://nodejs.org/) | [v22.5.\\*](https://www.npmjs.com/package/@types/node) |\n| @types/react | type definitions for [react](https://react.dev/) | [v18.3.\\*](https://www.npmjs.com/package/@types/react) |\n| @types/react-dom | type definitions for [react-dom](https://react.dev/) | [v18.3.\\*](https://www.npmjs.com/package/@types/react-dom) |\n| @types/webpack | type definitions for [webpack](https://webpack.js.org/) | [v5.28.\\*](https://www.npmjs.com/package/@types/webpack) |\n| @types/webpack-bundle-analyzer | type definitions for [webpack-bundle-analyzer](https://github.com/webpack-contrib/webpack-bundle-analyzer) | [v4.7.\\*](https://www.npmjs.com/package/@types/webpack-bundle-analyzer) |\n\n\u003c/details\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falexey-koran%2Freact-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falexey-koran%2Freact-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falexey-koran%2Freact-template/lists"}