文件列表:

.env (54, 2020-02-04)
.eslintrc (695, 2020-02-04)
.htaccess (253, 2020-02-04)
4geeks.ico (19814, 2020-02-04)
deploy-to-github.js (2071, 2020-02-04)
dist (0, 2020-02-04)
dist\index.html (643, 2020-02-04)
package-lock.json (457108, 2020-02-04)
package.json (2098, 2020-02-04)
src (0, 2020-02-04)
src\img (0, 2020-02-04)
src\img\rigo-baby.jpg (31327, 2020-02-04)
src\js (0, 2020-02-04)
src\js\component (0, 2020-02-04)
src\js\component\footer.js (278, 2020-02-04)
src\js\component\navbar.js (468, 2020-02-04)
src\js\component\scrollToTop.js (442, 2020-02-04)
src\js\index.js (418, 2020-02-04)
src\js\layout.js (1249, 2020-02-04)
src\js\store (0, 2020-02-04)
src\js\store\appContext.js (6085, 2020-02-04)
src\js\store\flux.js (661, 2020-02-04)
src\js\views (0, 2020-02-04)
src\js\views\demo.js (1249, 2020-02-04)
src\js\views\home.js (703, 2020-02-04)
src\js\views\single.js (721, 2020-02-04)
src\styles (0, 2020-02-04)
src\styles\demo.scss (0, 2020-02-04)
src\styles\home.scss (0, 2020-02-04)
src\styles\index.scss (26, 2020-02-04)
template.html (511, 2020-02-04)
webpack.common.js (1579, 2020-02-04)
webpack.dev.js (1419, 2020-02-04)
webpack.prod.js (277, 2020-02-04)
... ...

# WebApp boilerplate with React and Cloud 9 [](https://gitpod.io#https://github.com/4GeeksAcademy/react-hello-webapp.git) ### Requirements: - Make sure you are using node version 8 ##### Install the packages: ``` $ npm install ``` ## Start coding! Start the webpack server with live reload: - `$ npm run start` for windows, mac, linux or Gitpod. - `$ npm run c9` for Cloud 9 Users. ### Styles You can update the `styles/index.scss` or create new `.scss` files inside `styles/` and import them into your current scss or js files depending on your needs. ### Components Add more files into your `./src/js/components` or styles folder as you need them and import them into your current files as needed. ### Views (Components) Add more files into your `./src/js/views` and import them in `./src/js/layout.jsx`. ### Context This boilerplate comes with a centralized general Context API. The file `./src/js/store/flux.js` has a base structure for the store, we encourage you to change it and adapt it to your needs. React Context [docs](https://reactjs.org/docs/context.html) The `Context.Provider` is already set, you can use the `Context.Consumer` to get the `store` and `actions` from the Context. Check `/views/demo.jsx` to see a demo. ## Publish your website! This boilerplate is 100% compatible with the free github pages hosting. To publish your website you need to push your code to your github repository and run the following command after: ```sh $ npm run deploy ``` Note: You will need to [configure github pages for the branch gh-pages](https://help.github.com/articles/configuring-a-publishing-source-for-github-pages/#enabling-github-pages-to-publish-your-site-from-master-or-gh-pages)

近期下载者：

相关文件：

评论：[我要评论] [举报此文件]

收藏者：