{"id":24874685,"url":"https://github.com/dirheimerb/react-webpack","last_synced_at":"2025-03-27T02:15:50.191Z","repository":{"id":105234909,"uuid":"500582216","full_name":"dirheimerb/react-webpack","owner":"dirheimerb","description":null,"archived":false,"fork":false,"pushed_at":"2022-06-06T20:22:09.000Z","size":1035,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-02-01T07:28:57.744Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/dirheimerb.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":".github/CONTRIBUTING.md","funding":".github/FUNDING.yml","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},"funding":{"patreon":"koistya","open_collective":"react-starter-kit"}},"created_at":"2022-06-06T20:22:07.000Z","updated_at":"2022-06-06T20:22:13.000Z","dependencies_parsed_at":null,"dependency_job_id":"24e75694-16a3-4143-94b5-9f5d06671ac0","html_url":"https://github.com/dirheimerb/react-webpack","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":"kriasoft/react-starter-kit","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dirheimerb%2Freact-webpack","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dirheimerb%2Freact-webpack/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dirheimerb%2Freact-webpack/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dirheimerb%2Freact-webpack/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dirheimerb","download_url":"https://codeload.github.com/dirheimerb/react-webpack/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245767360,"owners_count":20668826,"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-02-01T07:28:10.830Z","updated_at":"2025-03-27T02:15:50.179Z","avatar_url":"https://github.com/dirheimerb.png","language":"TypeScript","funding_links":["https://patreon.com/koistya","https://opencollective.com/react-starter-kit","http://patreon.com/koistya","https://img.shields.io/badge/dynamic/json?color=%23ff424d\u0026label=Patreon\u0026style=flat-square\u0026query=data.attributes.patron_count\u0026suffix=%20patrons\u0026url=https%3A%2F%2Fwww.patreon.com%2Fapi%2Fcampaigns%2F233228"],"categories":[],"sub_categories":[],"readme":"# React Starter Kit\n\n\u003ca href=\"http://www.typescriptlang.org/\"\u003e\u003cimg src=\"https://img.shields.io/badge/%3C%2F%3E-TypeScript-%230074c1.svg?style=flat-square\" height=\"20\"\u003e\u003c/a\u003e\n\u003ca href=\"http://patreon.com/koistya\"\u003e\u003cimg src=\"https://img.shields.io/badge/dynamic/json?color=%23ff424d\u0026label=Patreon\u0026style=flat-square\u0026query=data.attributes.patron_count\u0026suffix=%20patrons\u0026url=https%3A%2F%2Fwww.patreon.com%2Fapi%2Fcampaigns%2F233228\" height=\"20\"\u003e\u003c/a\u003e\n\u003ca href=\"https://discord.gg/2nKEnKq\"\u003e\u003cimg src=\"https://img.shields.io/discord/643523529131950086?label=Chat\u0026style=flat-square\" height=\"20\"\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/kriasoft/react-starter-kit/stargazers\"\u003e\u003cimg src=\"https://img.shields.io/github/stars/kriasoft/react-starter-kit.svg?style=social\u0026label=Star\u0026maxAge=3600\" height=\"20\"\u003e\u003c/a\u003e\n\u003ca href=\"https://twitter.com/koistya\"\u003e\u003cimg src=\"https://img.shields.io/twitter/follow/koistya.svg?style=social\u0026label=Follow\u0026maxAge=3600\" height=\"20\"\u003e\u003c/a\u003e\n\nThe web's most popular front-end template for building web applications with\n[React](https://reactjs.org/), [Relay](https://relay.dev/), and\n[GraphQL](https://graphql.org/).\n\n## Features\n\n- Optimized for serverless deployment to CDN edge locations (Cloudflare Workers)\n- HTML page rendering (SSR) at CDN edge locations, all ~100 points on Lighthouse\n- Hot module replacement during local development using React Refetch\n- Pre-configured with CSS-in-JS styling using Emotion.js\n- Pre-configured with code quality tools: ESLint, Prettier, TypeScript, Jest, etc.\n- Pre-configured with VSCode code snippets and other VSCode settings\n- The ongoing design and development is supported by these wonderful companies:\n\n\u003ca href=\"https://reactstarter.com/s/1\"\u003e\u003cimg src=\"https://reactstarter.com/s/1.png\" height=\"60\" /\u003e\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u003ca href=\"https://reactstarter.com/s/2\"\u003e\u003cimg src=\"https://reactstarter.com/s/2.png\" height=\"60\" /\u003e\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u003ca href=\"https://reactstarter.com/s/3\"\u003e\u003cimg src=\"https://reactstarter.com/s/3.png\" height=\"60\" /\u003e\u003c/a\u003e\n\n---\n\nThis project was bootstrapped with [React Starter Kit](https://github.com/kriasoft/react-starter-kit).\nBe sure to join our [Discord channel](https://discord.com/invite/2nKEnKq) for assistance.\n\n## Directory Structure\n\n`├──`[`.github`](.github) — GitHub configuration including CI/CD workflows\u003cbr\u003e\n`├──`[`.vscode`](.vscode) — VSCode settings including code snippets, recommended extensions etc.\u003cbr\u003e\n`├──`[`common`](./common) — common (shared) React components\u003cbr\u003e\n`├──`[`core`](./core) — core modules and utility functions\u003cbr\u003e\n`├──`[`dialogs`](./dialogs) — React components implementing modal dialogs\u003cbr\u003e\n`├──`[`fragments`](./fragments) — common (shared) Relay fragments\u003cbr\u003e\n`├──`[`hooks`](./hooks) — React hooks such as `useLocation()`, `useCurrentUser()`, etc.\u003cbr\u003e\n`├──`[`icons`](./icons) — custom icon React components\u003cbr\u003e\n`├──`[`menu`](./menu) — React components implementing popup menus\u003cbr\u003e\n`├──`[`public`](./public) — static assets such as robots.txt, index.html etc.\u003cbr\u003e\n`├──`[`routes`](./routes) — application routes and page (screen) components\u003cbr\u003e\n`├──`[`scripts`](./scripts) — automation scripts such as `yarn deploy`\u003cbr\u003e\n`├──`[`theme`](./theme) — application theme - colors, fonts, paddings, etc.\u003cbr\u003e\n`├──`[`workers`](./workers) — Cloudflare Worker scripts (reverse proxy, SSR)\u003cbr\u003e\n`├──`[`config`](./config.ts) — client-side application settings per environment\u003cbr\u003e\n`└──`[`index.ts`](./index.ts) — application entry point\u003cbr\u003e\n\n## Tech Stack\n\n- [React](https://reactjs.org/), [Relay](https://relay.dev/),\n  [Emotion](https://emotion.sh/), [Material UI v5](https://next.material-ui.com/)\n- [TypeScript](https://www.typescriptlang.org/), [Babel](https://babeljs.io/),\n  [ESLint](https://eslint.org/), [Prettier](https://prettier.io/),\n  [Jest](https://jestjs.io/), [Yarn](https://yarnpkg.com/) v2 with PnP,\n  [Webpack v5](https://webpack.js.org/)\n\n## Requirements\n\n- [Node.js](https://nodejs.org/) v14 or newer, [Yarn](https://yarnpkg.com/) package manager\n- [VS Code](https://code.visualstudio.com/) editor with [recommended extensions](.vscode/extensions.json)\n\n## Getting Started\n\n- Clone the repo\u003cbr /\u003e\n  `git clone -o seed -b main --single-branch https://github.com/kriasoft/react-starter-kit.git`\n- Install project dependencies — `yarn install`\n- Launch the app — `yarn start`, it will become available at [http://localhost:3000](http://localhost:3000/)\n\n**IMPORTANT**: Ensure that VSCode is using the workspace versions of TypeScript and ESLint.\n\n![](https://files.tarkus.me/typescript-workspace.png)\n\n## Scripts\n\n- `yarn start` — Launches the app in development mode on [`http://localhost:3000`](http://localhost:3000/)\n- `yarn update-schema` — Update GraphQL API schema by running an introspection query\n- `yarn relay` — Updates GraphQL fragments used in the code\n- `yarn build` — Compiles and bundles the app for deployment\n- `yarn lint` — Validate code using ESLint\n- `yarn tsc` — Validate code using TypeScript compiler\n- `yarn test` — Run unit tests with Jest, Supertest\n- `yarn deploy` — Deploys the app to Cloudflare\n\n## How to Deploy\n\nEnsure that all the environment variables for the target deployment environment\n(`test`, `prod`) found in [`/core/*.env`](./core/) files are up-to-date.\n\nIf you haven't done it already, push any secret values you may need to CF Workers\nenvironment by running `yarn cf secret put \u003cNAME\u003e [--env #0]`.\n\nFinally build and deploy the app by running:\n\n```\n$ yarn build\n$ yarn deploy [--env #0] [--version #0]\n```\n\nWhere `--env` argument is the target deployment area, e.g. `yarn deploy --env=prod`.\n\n## How to Update\n\n- `yarn set version latest` — Bump Yarn to the latest version\n- `yarn upgrade-interactive` — Update Node.js modules (dependencies)\n- `yarn dlx @yarnpkg/sdks vscode` — Update TypeScript, ESLint, and Prettier settings in VSCode\n\n## Contributors 👨‍💻\n\n\u003ca href=\"https://reactstarter.com/c/1\"\u003e\u003cimg src=\"https://reactstarter.com/c/1.png\" height=\"60\" /\u003e\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u003ca href=\"https://reactstarter.com/c/2\"\u003e\u003cimg src=\"https://reactstarter.com/c/2.png\" height=\"60\" /\u003e\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u003ca href=\"https://reactstarter.com/c/3\"\u003e\u003cimg src=\"https://reactstarter.com/c/3.png\" height=\"60\" /\u003e\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u003ca href=\"https://reactstarter.com/c/4\"\u003e\u003cimg src=\"https://reactstarter.com/c/4.png\" height=\"60\" /\u003e\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u003ca href=\"https://reactstarter.com/c/5\"\u003e\u003cimg src=\"https://reactstarter.com/c/5.png\" height=\"60\" /\u003e\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u003ca href=\"https://reactstarter.com/c/6\"\u003e\u003cimg src=\"https://reactstarter.com/c/6.png\" height=\"60\" /\u003e\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u003ca href=\"https://reactstarter.com/c/7\"\u003e\u003cimg src=\"https://reactstarter.com/c/7.png\" height=\"60\" /\u003e\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u003ca href=\"https://reactstarter.com/c/8\"\u003e\u003cimg src=\"https://reactstarter.com/c/8.png\" height=\"60\" /\u003e\u003c/a\u003e\n\n## Backers 💰\n\n\u003ca href=\"https://reactstarter.com/b/1\"\u003e\u003cimg src=\"https://reactstarter.com/b/1.png\" height=\"60\" /\u003e\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u003ca href=\"https://reactstarter.com/b/2\"\u003e\u003cimg src=\"https://reactstarter.com/b/2.png\" height=\"60\" /\u003e\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u003ca href=\"https://reactstarter.com/b/3\"\u003e\u003cimg src=\"https://reactstarter.com/b/3.png\" height=\"60\" /\u003e\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u003ca href=\"https://reactstarter.com/b/4\"\u003e\u003cimg src=\"https://reactstarter.com/b/4.png\" height=\"60\" /\u003e\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u003ca href=\"https://reactstarter.com/b/5\"\u003e\u003cimg src=\"https://reactstarter.com/b/5.png\" height=\"60\" /\u003e\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u003ca href=\"https://reactstarter.com/b/6\"\u003e\u003cimg src=\"https://reactstarter.com/b/6.png\" height=\"60\" /\u003e\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u003ca href=\"https://reactstarter.com/b/7\"\u003e\u003cimg src=\"https://reactstarter.com/b/7.png\" height=\"60\" /\u003e\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u003ca href=\"https://reactstarter.com/b/8\"\u003e\u003cimg src=\"https://reactstarter.com/b/8.png\" height=\"60\" /\u003e\u003c/a\u003e\n\n## Related Projects\n\n- [GraphQL API and Relay Starter Kit](https://github.com/kriasoft/graphql-starter) — monorepo template, pre-configured with GraphQL API, React, and Relay\n- [Node.js API Starter Kit](https://github.com/kriasoft/node-starter-kit) — project template, pre-configured with Node.js, GraphQL, and PostgreSQL\n\n## How to Contribute\n\nAnyone and everyone is welcome to [contribute](.github/CONTRIBUTING.md). Start\nby checking out the list of [open issues](https://github.com/kriasoft/react-starter-kit/issues)\nmarked [help wanted](https://github.com/kriasoft/react-starter-kit/issues?q=label:\"help+wanted\").\nHowever, if you decide to get involved, please take a moment to review the\n[guidelines](.github/CONTRIBUTING.md).\n\n## License\n\nCopyright © 2014-present Kriasoft. This source code is licensed under the MIT license found in the\n[LICENSE](https://github.com/kriasoft/react-starter-kit/blob/main/LICENSE) file.\n\n---\n\n\u003csup\u003eMade with ♥ by Konstantin Tarkus ([@koistya](https://twitter.com/koistya), [blog](https://medium.com/@koistya))\nand [contributors](https://github.com/kriasoft/react-starter-kit/graphs/contributors).\u003c/sup\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdirheimerb%2Freact-webpack","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdirheimerb%2Freact-webpack","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdirheimerb%2Freact-webpack/lists"}