{"id":20420360,"url":"https://github.com/deepraining/react-app-starter","last_synced_at":"2026-04-11T09:34:25.996Z","repository":{"id":135801615,"uuid":"174905864","full_name":"deepraining/react-app-starter","owner":"deepraining","description":"一个用于快速创建 React 项目的模板脚手架，使用 Webpack 与 Storybook 构建. A boilerplate for creating a React application, using Webpack and Storybook.","archived":false,"fork":false,"pushed_at":"2019-07-30T02:17:40.000Z","size":20,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-01-15T14:35:59.223Z","etag":null,"topics":["app","boilerplate","enzyme","gulp","jest","react","starter","storybook","webpack"],"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/deepraining.png","metadata":{"files":{"readme":"README.en.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-03-11T01:44:43.000Z","updated_at":"2019-07-30T02:17:41.000Z","dependencies_parsed_at":null,"dependency_job_id":"447e3b57-f999-4e38-b490-9c878757a847","html_url":"https://github.com/deepraining/react-app-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/deepraining%2Freact-app-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deepraining%2Freact-app-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deepraining%2Freact-app-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deepraining%2Freact-app-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/deepraining","download_url":"https://codeload.github.com/deepraining/react-app-starter/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241963985,"owners_count":20049949,"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":["app","boilerplate","enzyme","gulp","jest","react","starter","storybook","webpack"],"created_at":"2024-11-15T06:42:34.185Z","updated_at":"2026-04-11T09:34:20.967Z","avatar_url":"https://github.com/deepraining.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# react-app-starter\n\n[中文文档](./README.md)\n\nA boilerplate for creating a React application, using Webpack and Storybook.\n\n## Getting started\n\n```\ngit clone https://github.com/senntyou/react-app-starter.git --depth=1\n\ncd react-app-starter\n\nnpm install             # install dependencies\n\nnpm run storybook       # develop components using storybook\n```\n\n## Features\n\n- [less](http://lesscss.org/), [scss](https://sass-lang.com/) style languages support.\n- [Flow](https://flow.org/) syntax, [jest](https://jestjs.io/en/) + [enzyme](https://github.com/airbnb/enzyme) test support.\n- Using [storybook](https://storybook.js.org/) to develop, preview components.\n\n## Main commands\n\n### `dev`: start a local server to develop an entry\n\n```\nlila dev                     # SPA (global)\nnpx lila dev                 # SPA (local)\nlila dev [entry]             # multi-pages (global)\nnpx lila dev [entry]         # multi-pages (local)\n```\n\n### `serve`: simulate a backend environment to start a local server to develop an entry\n\n```\nlila serve                   # SPA (global)\nnpx lila serve               # SPA (local)\nlila serve [entry]           # multi-pages (global)\nnpx lila serve [entry]       # multi-pages (local)\n```\n\n### `build`: pack source codes to production bundles\n\n```\nlila build                                  # SPA (global)\nnpx lila build                              # SPA (local)\nlila build [entry1] [entry2] ...            # multi-pages (global)\nnpx lila build [entry1] [entry2] ...        # multi-pages (local)\n```\n\n### `sync`: make production bundles, then sync to remote servers\n\n```\nlila sync                                   # SPA (global)\nnpx lila sync                               # SPA (local)\nlila sync [entry1] [entry2] ...             # multi-pages (global)\nnpx lila sync [entry1] [entry2] ...         # multi-pages (local)\n```\n\n### `start`: make production bundles, then start a local server to preview\n\n```\nlila start                   # SPA (global)\nnpx lila start               # SPA (local)\nlila start [entry]           # multi-pages (global)\nnpx lila start [entry]       # multi-pages (local)\n```\n\n### `analyze`: visualize size of webpack output files\n\n```\nlila analyze                 # SPA (global)\nnpx lila analyze             # SPA (local)\nlila analyze [entry]         # multi-pages (global)\nnpx lila analyze [entry]     # multi-pages (local)\n```\n\n## Project\n\n```\n- src                        # source files directory\n- .storybook                 # for storybook\n- stories                    # for storybook\n```\n\n### Structure of Single Page Application (SPA)\n\n```\n- src\n  - index.html               # html entry file\n  - index.js                 # js entry file\n\n  - other files and directories\n```\n\n### Structure of multi pages application\n\n```\n- src\n  - page1                    # entry: page1\n    - index.html             # html entry file\n    - index.js               # js entry file\n\n    - other files and directories\n\n  - module1\n    - page2                  # entry: module1/page2\n      - index.html           # html entry file\n      - index.js             # js entry file\n```\n\nAn entry has a standalone directory(`src/home/about/` if entry is `home/about`), also called workspace, and has at least a `index.html` file and a `index.js` file under the workspace.\n\n## Custom webpack config\n\nIf you want to modify default webpack config, you can go to `scripts/lila-webpack-config` to modify them.\n\n## Externals\n\nThis project use [lila](https://github.com/senntyou/lila) to develop and build. If you need to know more about:\n\n- How to configure `lila.init.js`\n- How to run `lila`\n- What features `lila` have\n\ngo to [lila](https://github.com/senntyou/lila) to see more.\n\n- [lila-bin](https://github.com/senntyou/lila/tree/master/packages/lila-bin): lila command line tool\n- [lila-core](https://github.com/senntyou/lila/tree/master/packages/lila-core): lila core library\n- [lila-tasks](https://github.com/senntyou/lila/tree/master/packages/lila-tasks): lila built-in tasks\n- [lila-webpack](https://github.com/senntyou/lila/tree/master/packages/lila-webpack): wrapped webpack plugin\n\n## Notes\n\n- `.js` files only for pure JavaScript, and `.jsx` for React components.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdeepraining%2Freact-app-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdeepraining%2Freact-app-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdeepraining%2Freact-app-starter/lists"}