{"id":26606873,"url":"https://github.com/zdanowiczkonrad/universal-typescript-react","last_synced_at":"2025-10-29T23:16:28.276Z","repository":{"id":57386635,"uuid":"127437548","full_name":"zdanowiczkonrad/universal-typescript-react","owner":"zdanowiczkonrad","description":"Frontender's React + TypeScript Swiss Army knife","archived":false,"fork":false,"pushed_at":"2019-01-17T16:24:55.000Z","size":481,"stargazers_count":11,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-04-25T09:02:38.310Z","etag":null,"topics":["dynamic-imports","enzyme","hot-reload","react","redux","typescript","universal","webpack"],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","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/zdanowiczkonrad.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}},"created_at":"2018-03-30T14:33:03.000Z","updated_at":"2022-10-18T07:16:43.000Z","dependencies_parsed_at":"2022-09-16T04:40:37.879Z","dependency_job_id":null,"html_url":"https://github.com/zdanowiczkonrad/universal-typescript-react","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/zdanowiczkonrad%2Funiversal-typescript-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zdanowiczkonrad%2Funiversal-typescript-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zdanowiczkonrad%2Funiversal-typescript-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zdanowiczkonrad%2Funiversal-typescript-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zdanowiczkonrad","download_url":"https://codeload.github.com/zdanowiczkonrad/universal-typescript-react/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248107783,"owners_count":21049006,"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":["dynamic-imports","enzyme","hot-reload","react","redux","typescript","universal","webpack"],"created_at":"2025-03-23T22:23:48.987Z","updated_at":"2025-10-29T23:16:28.178Z","avatar_url":"https://github.com/zdanowiczkonrad.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"Universal TypeScript + React\n=====================\nYour React + TypeScript Swiss Army knife\n\n[![Build Status](https://travis-ci.org/zdanowiczkonrad/universal-typescript-react.svg?branch=master)](https://travis-ci.org/zdanowiczkonrad/universal-typescript-react) [![npm version](https://badge.fury.io/js/universal-typescript-react.svg)](https://badge.fury.io/js/universal-typescript-react) [![Dependencies](https://david-dm.org/zdanowiczkonrad/universal-typescript-react.svg)](https://david-dm.org/zdanowiczkonrad/universal-typescript-react.svg)\n\nUniversal and up to date configuration with TypeScript and React and all modern frontend essentials,\nincluding dynamic imports, server-side rendering with prehydration and full hot module reload.\nNot forgetting about styles and all you need to develop webapps. Typesafely! 🙃\n\n**Heavily inspiried/influenced by:**\nhttps://github.com/gaearon/react-hot-boilerplate/\nhttps://github.com/piotrwitek/react-redux-typescript-guide\n\nQuick checklist:\n* [x] Node 8\n* [x] Yarn 1.5\n* [x] Webpack 4\n* [x] TypeScript 2 (+ ts-loader)\n* [x] TypeScript import alias\n* [x] React 16+\n* [x] Sourcemaps (prod + dev + tests)\n* [x] HMR (with local state keeping)\n* [x] fork-ts-checker (async compile)\n* [x] tslint\n* [x] Promise polyfill\n* [x] Tests (Karma + Jasmine)\n* [x] Enzyme (for React)\n* [x] Splitted dev/prod configs\n* [x] Vendor bundle/chunks\n* [x] Styles support (LESS/SASS/PostCSS)\n* [x] One CSS file per bundle (ExtractTextPlugin)\n* [x] React Router\n* [x] Redux\n* [x] Redux Thunk\n* [x] Redux Dev Tools\n* [x] Universal rendering\n* [x] Redux state prehydration\n* [x] Server support for router paths\n* [x] Webpack Environment plugin\n* [x] Dynamic imports (Loadable) 🎆\n* [x] Styleguidist\n* [x] i18next\n\n\n### Prerequisites\n\nYarn \u003e= 1.0\nNode \u003e= 8.0 \n\n```\nyarn global add typescript tslint\n```\n\n### App development\nInstall dependencies, test if all glues together and run the development server\n\n```\nyarn install\nyarn test\nyarn start\nopen http://localhost:3000\n```\n\nTest watch mode\n\n```\nyarn test:watch\n```\n\n### Components development\nThis project integrates styleguidist for components development\n```\nyarn styleguidist\nopen http://localhost:6060\n```\n\n### Production\n\nA simple production setup: headless tests, prod build and run server.\nBuild puts artifacts into the `dist` directory and server should run from there\n\n```\nyarn test:phantom\nyarn build\nyarn server\n```\n\n\n### SSR\n\nAn example of the server-side rendering with the state prehydration.\n\n```\nyarn ssr-server\n```\n\nTodos:\n* [x] Check preload dynamic imports with Loadable on the server side and in tests\n* [ ] Hot reload of styles in the styleguidist (to avoid manual refresh css)\n* [ ] Consider hot reload of styles in the HMR mode\n* [ ] Loadable prefetch\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzdanowiczkonrad%2Funiversal-typescript-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzdanowiczkonrad%2Funiversal-typescript-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzdanowiczkonrad%2Funiversal-typescript-react/lists"}