├── .eslintrc
├── .gitignore
├── README.md
├── config
├── env.js
├── jest
│ ├── cssTransform.js
│ └── fileTransform.js
├── paths.js
├── polyfills.js
├── webpack.config.dev.js
├── webpack.config.prod.js
└── webpackDevServer.config.js
├── package-lock.json
├── package.json
├── public
├── favicon.ico
├── index.html
├── manifest.json
└── static
│ └── a.js
├── scripts
├── build.js
├── start.js
└── test.js
└── src
├── App.js
├── api
├── http.js
└── index.js
├── assets
├── style
│ ├── reset.scss
│ └── theme.scss
└── wechat.jpg
├── components
├── BackHome
│ └── index.jsx
├── Banner
│ ├── index.jsx
│ └── style.scss
├── Countdown
│ ├── index.jsx
│ └── style.scss
├── CourseList
│ ├── index.jsx
│ └── style.scss
├── FooterBar
│ ├── index.jsx
│ └── style.scss
├── Loading
│ ├── index.jsx
│ └── style.scss
├── LoadingM
│ ├── index.jsx
│ ├── index.scss
│ └── loading.gif
├── StatusBtn
│ ├── index.jsx
│ └── style.scss
└── VideoAlert
│ ├── index.jsx
│ └── style.scss
├── containers
├── CourseDetail
│ ├── DrawerList
│ │ ├── index.jsx
│ │ └── style.scss
│ ├── FooterBar
│ │ ├── index.jsx
│ │ └── style.scss
│ ├── GroupList
│ │ ├── index.jsx
│ │ └── style.scss
│ ├── Header
│ │ ├── index.jsx
│ │ └── style.scss
│ ├── Tab
│ │ ├── index.jsx
│ │ └── style.scss
│ └── index.jsx
├── Home
│ ├── CourseTabs
│ │ ├── index.jsx
│ │ └── style.scss
│ ├── Lists
│ │ ├── index.jsx
│ │ └── style.scss
│ ├── NullCourse
│ │ ├── index.jsx
│ │ └── style.scss
│ └── index.jsx
├── My
│ ├── List
│ │ ├── index.jsx
│ │ ├── listConfig.js
│ │ └── style.scss
│ ├── Top
│ │ ├── index.jsx
│ │ └── style.scss
│ └── index.jsx
├── OtherCourse
│ ├── Header
│ │ ├── index.jsx
│ │ └── style.scss
│ ├── List
│ │ └── index.jsx
│ └── index.jsx
├── Test
│ ├── Wrapper
│ │ └── index.js
│ ├── hook.js
│ ├── hooks.js
│ ├── index.jsx
│ ├── main.js
│ └── style.css
├── UserInfo
│ └── index.jsx
├── WorkDetail
│ ├── FooterBtn
│ │ ├── index.jsx
│ │ └── style.scss
│ ├── FooterInput
│ │ ├── index.jsx
│ │ └── style.scss
│ ├── Header
│ │ ├── index.jsx
│ │ └── style.scss
│ ├── List_tpl
│ │ ├── index.jsx
│ │ └── style.scss
│ ├── TeachList
│ │ └── index.jsx
│ ├── TopicList
│ │ ├── index.jsx
│ │ └── style.scss
│ └── index.jsx
└── Works
│ ├── List
│ ├── index.jsx
│ └── style.scss
│ ├── Lists
│ ├── index.jsx
│ └── style.scss
│ ├── Topbar
│ └── index.jsx
│ └── index.jsx
├── index.js
├── router
├── index.jsx
└── routes.js
├── store
├── clearState.js
├── courseDetail.js
├── global.js
├── home.js
├── index.js
├── otherCourse.js
├── userInfos.js
├── workDetail.js
└── works.js
└── utils
├── rem.js
└── utils.js
/.eslintrc:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "react-app",
3 | "rules": {
4 | "no-multi-spaces": 1,
5 | "react/jsx-space-before-closing": 0, // 总是在自动关闭的标签前加一个空格，正常情况下也不需要换行
6 | "jsx-quotes": 1,
7 | "react/jsx-closing-bracket-location": 1, // 遵循JSX语法缩进/格式
8 | "react/jsx-boolean-value": 1, // 如果属性值为 true, 可以直接省略
9 | "react/no-string-refs": 1, // 总是在Refs里使用回调函数
10 | "react/self-closing-comp": 1, // 对于没有子元素的标签来说总是自己关闭标签
11 | "react/jsx-no-bind": 0, // 当在 render() 里使用事件处理方法时，提前在构造函数里把 this 绑定上去
12 | "react/sort-comp": 1, // 按照具体规范的React.createClass 的生命周期函数书写代码
13 | "react/jsx-pascal-case": 1 // React模块名使用帕斯卡命名，实例使用骆驼式命名
14 | }
15 | }
16 |
17 | //0 : off 1 : warning 2 error
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/ignore-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 |
6 | # testing
7 | /coverage
8 |
9 | # production
10 | /build
11 |
12 | # misc
13 | .DS_Store
14 | .env.local
15 | .env.development.local
16 | .env.test.local
17 | .env.production.local
18 | .package-lock.json
19 |
20 | npm-debug.log*
21 | yarn-debug.log*
22 | yarn-error.log*
23 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | 第一个react项目。
2 |
3 | npm intall;
4 |
5 | npm start;
--------------------------------------------------------------------------------
/config/env.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | const fs = require('fs');
4 | const path = require('path');
5 | const paths = require('./paths');
6 |
7 | // Make sure that including paths.js after env.js will read .env variables.
8 | delete require.cache[require.resolve('./paths')];
9 |
10 | const NODE_ENV = process.env.NODE_ENV;
11 | if (!NODE_ENV) {
12 | throw new Error(
13 | 'The NODE_ENV environment variable is required but was not specified.'
14 | );
15 | }
16 |
17 | // https://github.com/bkeepers/dotenv#what-other-env-files-can-i-use
18 | var dotenvFiles = [
19 | `${paths.dotenv}.${NODE_ENV}.local`,
20 | `${paths.dotenv}.${NODE_ENV}`,
21 | // Don't include `.env.local` for `test` environment
22 | // since normally you expect tests to produce the same
23 | // results for everyone
24 | NODE_ENV !== 'test' && `${paths.dotenv}.local`,
25 | paths.dotenv,
26 | ].filter(Boolean);
27 |
28 | // Load environment variables from .env* files. Suppress warnings using silent
29 | // if this file is missing. dotenv will never modify any environment variables
30 | // that have already been set. Variable expansion is supported in .env files.
31 | // https://github.com/motdotla/dotenv
32 | // https://github.com/motdotla/dotenv-expand
33 | dotenvFiles.forEach(dotenvFile => {
34 | if (fs.existsSync(dotenvFile)) {
35 | require('dotenv-expand')(
36 | require('dotenv').config({
37 | path: dotenvFile,
38 | })
39 | );
40 | }
41 | });
42 |
43 | // We support resolving modules according to `NODE_PATH`.
44 | // This lets you use absolute paths in imports inside large monorepos:
45 | // https://github.com/facebookincubator/create-react-app/issues/253.
46 | // It Works similar to `NODE_PATH` in Node itself:
47 | // https://nodejs.org/api/modules.html#modules_loading_from_the_global_folders
48 | // Note that unlike in Node, only *relative* paths from `NODE_PATH` are honored.
49 | // Otherwise, we risk importing Node.js core modules into an app instead of Webpack shims.
50 | // https://github.com/facebookincubator/create-react-app/issues/1023#issuecomment-265344421
51 | // We also resolve them to make sure all tools using them work consistently.
52 | const appDirectory = fs.realpathSync(process.cwd());
53 | process.env.NODE_PATH = (process.env.NODE_PATH || '')
54 | .split(path.delimiter)
55 | .filter(folder => folder && !path.isAbsolute(folder))
56 | .map(folder => path.resolve(appDirectory, folder))
57 | .join(path.delimiter);
58 |
59 | // Grab NODE_ENV and REACT_APP_* environment variables and prepare them to be
60 | // injected into the application via DefinePlugin in Webpack configuration.
61 | const REACT_APP = /^REACT_APP_/i;
62 |
63 | function getClientEnvironment(publicUrl) {
64 | const raw = Object.keys(process.env)
65 | .filter(key => REACT_APP.test(key))
66 | .reduce(
67 | (env, key) => {
68 | env[key] = process.env[key];
69 | return env;
70 | },
71 | {
72 | // Useful for determining whether we’re running in production mode.
73 | // Most importantly, it switches React into the correct mode.
74 | NODE_ENV: process.env.NODE_ENV || 'development',
75 | // Useful for resolving the correct path to static assets in `public`.
76 | // For example, 
.
77 | // This should only be used as an escape hatch. Normally you would put
78 | // images into the `src` and `import` them in code to get their paths.
79 | PUBLIC_URL: publicUrl,
80 | }
81 | );
82 | // Stringify all values so we can feed into Webpack DefinePlugin
83 | const stringified = {
84 | 'process.env': Object.keys(raw).reduce((env, key) => {
85 | env[key] = JSON.stringify(raw[key]);
86 | return env;
87 | }, {}),
88 | };
89 |
90 | return { raw, stringified };
91 | }
92 |
93 | module.exports = getClientEnvironment;
94 |
--------------------------------------------------------------------------------
/config/jest/cssTransform.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | // This is a custom Jest transformer turning style imports into empty objects.
4 | // http://facebook.github.io/jest/docs/en/webpack.html
5 |
6 | module.exports = {
7 | process() {
8 | return 'module.exports = {};';
9 | },
10 | getCacheKey() {
11 | // The output is always the same.
12 | return 'cssTransform';
13 | },
14 | };
15 |
--------------------------------------------------------------------------------
/config/jest/fileTransform.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | const path = require('path');
4 |
5 | // This is a custom Jest transformer turning file imports into filenames.
6 | // http://facebook.github.io/jest/docs/en/webpack.html
7 |
8 | module.exports = {
9 | process(src, filename) {
10 | return `module.exports = ${JSON.stringify(path.basename(filename))};`;
11 | },
12 | };
13 |
--------------------------------------------------------------------------------
/config/paths.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | const path = require('path');
4 | const fs = require('fs');
5 | const url = require('url');
6 |
7 | // Make sure any symlinks in the project folder are resolved:
8 | // https://github.com/facebookincubator/create-react-app/issues/637
9 | const appDirectory = fs.realpathSync(process.cwd());
10 | const resolveApp = relativePath => path.resolve(appDirectory, relativePath);
11 |
12 | const envPublicUrl = process.env.PUBLIC_URL;
13 |
14 | function ensureSlash(path, needsSlash) {
15 | const hasSlash = path.endsWith('/');
16 | if (hasSlash && !needsSlash) {
17 | return path.substr(path, path.length - 1);
18 | } else if (!hasSlash && needsSlash) {
19 | return `${path}/`;
20 | } else {
21 | return path;
22 | }
23 | }
24 |
25 | const getPublicUrl = appPackageJson =>
26 | envPublicUrl || require(appPackageJson).homepage;
27 |
28 | // We use `PUBLIC_URL` environment variable or "homepage" field to infer
29 | // "public path" at which the app is served.
30 | // Webpack needs to know it to put the right
18 |
19 |
20 |