{"id":13802657,"url":"https://github.com/toddlucas/react-tsx-starter","last_synced_at":"2025-05-13T13:32:33.710Z","repository":{"id":2641893,"uuid":"44651600","full_name":"toddlucas/react-tsx-starter","owner":"toddlucas","description":"Universal/Isomorphic React TypeScript Starter Project","archived":false,"fork":false,"pushed_at":"2022-12-10T14:49:40.000Z","size":1854,"stargazers_count":96,"open_issues_count":19,"forks_count":19,"subscribers_count":9,"default_branch":"master","last_synced_at":"2024-04-09T18:02:24.839Z","etag":null,"topics":["browserify","gulp","react","redux","typescript"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-3-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/toddlucas.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}},"created_at":"2015-10-21T03:58:31.000Z","updated_at":"2023-08-04T03:17:43.000Z","dependencies_parsed_at":"2023-01-11T16:11:30.138Z","dependency_job_id":null,"html_url":"https://github.com/toddlucas/react-tsx-starter","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/toddlucas%2Freact-tsx-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/toddlucas%2Freact-tsx-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/toddlucas%2Freact-tsx-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/toddlucas%2Freact-tsx-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/toddlucas","download_url":"https://codeload.github.com/toddlucas/react-tsx-starter/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253950277,"owners_count":21989333,"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":["browserify","gulp","react","redux","typescript"],"created_at":"2024-08-04T00:01:49.648Z","updated_at":"2025-05-13T13:32:33.453Z","avatar_url":"https://github.com/toddlucas.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n# Universal/Isomorphic React TypeScript Starter\n\nThis project includes a working example of React, React Router, and TypeScript.\n\nAll the code is in TypeScript, written as either `.ts` or `.tsx` files.\nThe gulp-based build generates a browserified client file which is separate from the vendor file.\nThe vendor file currently includes react and react-router.\nThis separation speeds up the build process and can result in fewer client downloads when new builds are released.\nThe gulp build process works with gulp.watch.\n\nThis is a basic starter project with a minimal number of views and components.\nMany recent React examples are written in ES6 and make use of [Babel](https://babeljs.io/).\nThese are largely compatible with this TypeScript based process.\n\nThis starter also includes an example of how to use Redux with TypeScript.\nIn order to keep the starter as clean as possible, the Redux example is on a branch.\n\n## Features\n\n* React with React Router\n* Redux (on a separate branch)\n* TypeScript TSX\n* Isomorphic between server and client\n* Client app.js is browserified\n* Client vendor.js is browserified separately\n* Browserify-shim supports external scripts\n* Gulp based build with watch tasks\n\n## Versions\n\nThis template supports the following versions for key dependencies:\n\n* [React](https://facebook.github.io/react/) 16.8\n* [React Router](https://github.com/rackt/react-router) 5.0\n* [Redux](https://github.com/reactjs/redux) 4.0 ([redux branch](https://github.com/toddlucas/react-tsx-starter/tree/redux))\n* [TypeScript](http://www.typescriptlang.org/) 3.4\n\n# Usage\n\nYou'll need a few frameworks and utilities to be installed before starting.\n\n## Prerequisites\n\nYou'll need the following prior to setup:\n\n* [Node.js](https://nodejs.org/)\n* [TypeScript](http://www.typescriptlang.org/)\n* [Gulp](http://gulpjs.com/)\n\n## Setup\n\n### Install Node modules\n\nThis will get all the packages required for development and run time,\nas defined in the `package.json` file.\n\n```\n\u003e npm install\n```\n\n## Build\n\nTo run a full build, just run gulp with no arguments.\n\n```\n\u003e gulp\n```\n\nYou can also use `npm`.\n\n```\n\u003e npm run build\n```\n\n## Development\n\nRun watch and keep the console open.\n\n```\n\u003e gulp watch\n```\n\nGulp will automatically rebuild when a source file or CSS file changes.\n\n## Running\n\nRun this command:\n\n```\n\u003e npm run dev\n```\n\nThen open a browser and navigate to [http://localhost:3000](http://localhost:3000) to view.\n\nYou can also run the server with automatic reloading using [nodemon](https://nodemon.io/) and [BrowserSync](https://www.browsersync.io/).\n\n```\n\u003e gulp serve\n```\n\nThis will launch at a different port since it proxies [Express](https://expressjs.com/).\n\n## Related\n\nA simple starter project can be found at [react-tsx-lite](https://github.com/toddlucas/react-tsx-lite).\n\n## License\n\n[BSD](https://github.com/toddlucas/react-tsx-starter/blob/master/LICENSE) (the same as React)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftoddlucas%2Freact-tsx-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftoddlucas%2Freact-tsx-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftoddlucas%2Freact-tsx-starter/lists"}