{"id":19273987,"url":"https://github.com/rintoj/react-ts","last_synced_at":"2025-07-31T21:06:31.799Z","repository":{"id":57346744,"uuid":"88899610","full_name":"rintoj/react-ts","owner":"rintoj","description":"Create React apps using TypeScript 2, WebPack 2, Reflux, Mocha, Chai, with no build configuration","archived":false,"fork":false,"pushed_at":"2017-06-05T12:52:32.000Z","size":662,"stargazers_count":14,"open_issues_count":1,"forks_count":5,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-04-12T08:19:53.359Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/rintoj.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-04-20T18:47:36.000Z","updated_at":"2022-11-10T00:04:21.000Z","dependencies_parsed_at":"2022-08-25T19:41:18.591Z","dependency_job_id":null,"html_url":"https://github.com/rintoj/react-ts","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/rintoj%2Freact-ts","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rintoj%2Freact-ts/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rintoj%2Freact-ts/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rintoj%2Freact-ts/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rintoj","download_url":"https://codeload.github.com/rintoj/react-ts/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250145261,"owners_count":21382385,"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":"2024-11-09T20:44:43.787Z","updated_at":"2025-04-21T22:33:18.939Z","avatar_url":"https://github.com/rintoj.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React TS\n\nCreate React apps using TypeScript 2, WebPack 2, StateX, Mocha, Chai, with pre-configured build scripts for dev and production. React TS works on macOS, Windows, and Linux. If something doesn’t work please file an issue.\n\n## About\n\nThis project is configured with\n  - [TypeScript](https://www.typescriptlang.org/)\n  - [WebPack](https://webpack.js.org/)\n  - [Hot Module Replacement](https://webpack.js.org/concepts/hot-module-replacement/) with app state preservation\n  - [StateX](https://github.com/rintoj/statex) - (an implementation of flux)\n  - [Mocha](https://mochajs.org/) \u0026 [Chai](http://chaijs.com/) for testing\n\n## Usage\n\n```bash\n\n  Usage: react-ts [options] [command]\n\n  Commands:\n\n    create [options] \u003cname\u003e  Create react application with TypeScript and WebPack\n\n      Options:\n          -s, --skip-git     Skip git initialization\n          -i, --install      Install node modules\n\n    serve [port]             Serve the project\n    build [environment]      Build the project\n\n  Options:\n\n    -h, --help     output usage information\n    -V, --version  output the version number\n\n```\n\n# Getting Started\n\n## Installation\n\nInstall it once globally:\n\n```bash\nnpm install -g react-ts\n```\n\nYou’ll need to have Node \u003e= 4 on your machine.\n\nWe strongly recommend to use Node \u003e= 6 and npm \u003e= 3 for faster installation speed and better disk usage. You can use nvm to easily switch Node versions between different projects.\n\n## Creating an App\n\nTo create a new app, run:\n\n```bash\nreact-ts create todo\ncd todo\n```\nIt will create a directory called `todo` inside the current folder.\nInside that directory, it will generate the initial project structure and install the transitive dependencies:\n\n```bash\ntodo\n├── LICENSE\n├── README.md\n├── docs/\n├── package.json\n├── src\n│   ├── action\n│   │   ├── index.ts\n│   │   └── todo-action.ts\n│   ├── app\n│   │   ├── app.spec.tsx\n│   │   ├── app.tsx\n│   │   ├── index.ts\n│   │   ├── todo-footer\n│   │   │   ├── index.ts\n│   │   │   ├── todo-filter.tsx\n│   │   │   └── todo-footer.tsx\n│   │   ├── todo-header\n│   │   │   ├── index.ts\n│   │   │   └── todo-header.tsx\n│   │   └── todo-list\n│   │       ├── index.ts\n│   │       ├── todo-list.tsx\n│   │       └── todo-item.tsx\n│   ├── assets\n│   │   ├── favicon.ico\n│   │   └── logo.svg\n│   ├── index.html\n│   ├── index.tsx\n│   ├── service\n│   │   ├── index.ts\n│   │   └── todo-service.ts\n│   ├── state\n│   │   ├── app-state.ts\n│   │   ├── initial-state.ts\n│   │   ├── index.ts\n│   │   └── todo.ts\n│   ├── store\n│   │   ├── index.ts\n│   │   └── todo-store.ts\n│   └── style\n│       └── app.scss\n├── tsconfig.json\n└── tslint.json\n```\n\nNo configuration or complicated folder structures, just the files you need to build your app.\nOnce the installation is done, you can run some commands inside the project folder:\n\n### `npm start` or `yarn start`\n\nRuns the app in development mode. Open [http://localhost:8080](http://localhost:8080) to view it in the browser.\n\nThe page will reload if you make edits and will preserve the state. You will see the build errors and lint warnings in the console.\n\n### `npm test` or `yarn test`\n\nRuns the tests once. Project is compiled before running test cases, hence any error will cause the script to terminate even before running test cases.\n\n### `npm run tdd` or `yarn tdd`\n\nRuns the tests in watch mode. Restarts the tests, if either source code or the test file itself is changed.\n\n### `npm run build` or `yarn build`\n\nBuilds the app for production to the build folder (`dist`). It correctly bundles React in production mode and optimizes the build for the best performance.\n\nThe build is minified. Your app is ready to be deployed!\n\n# Contributing\nI'd love to have your helping hand on this project. Feel free to contact [me](mailto:rintoj@gmail.com) or checkout my [GitHub](https://github.com/rintoj) page.\n\n## Author\n\n**Rinto Jose** (rintoj)\n\n### Hope this module is helpful to you. Please make sure to checkout my other [projects](https://github.com/rintoj) and [articles](https://medium.com/@rintoj). Enjoy coding!\n\nFollow me:\n  [GitHub](https://github.com/rintoj)\n| [Facebook](https://www.facebook.com/rinto.jose)\n| [Twitter](https://twitter.com/rintoj)\n| [Google+](https://plus.google.com/+RintoJoseMankudy)\n| [Youtube](https://youtube.com/+RintoJoseMankudy)\n\n## Versions\n[Check CHANGELOG](https://github.com/rintoj/react-ts/blob/master/CHANGELOG.md)\n\n## License\n```\nThe MIT License (MIT)\n\nCopyright (c) 2017 Rinto Jose (rintoj)\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frintoj%2Freact-ts","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frintoj%2Freact-ts","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frintoj%2Freact-ts/lists"}