๐ช ๐ช ๐ช
frontend-create-react-app
simplifies the creation of new frontend applications at edX by providing a CLI to generate a new instance of the edX frontend cookie cutter.
npm install @edx/frontend-create-react-app --global
Execute frontend-create-react-app
via the command line and then follow the configuration options.
The outputted starter application should look like
โโโ Dockerfile
โโโ LICENSE
โโโ Makefile
โโโ config
| โโโ webpack.common.config.js
| โโโ webpack.dev.config.js
| โโโ webpack.prod.config.js
โโโ docker-compose.yml
โโโ package-lock.json
โโโ package.json
โโโ public
| โโโ index.html
โโโ src
โโโ App.scss
โโโ components
| โโโ CommentDetails
| | โโโ index.jsx
| โโโ CommentSearch
| | โโโ index.jsx
| โโโ ToggleablePosts
| โโโ ToggleablePosts.test.jsx
| โโโ index.jsx
โโโ containers
| โโโ CommentSearchPage
| | โโโ index.jsx
| โโโ DisclosurePage
| | โโโ DisclosurePage.scss
| | โโโ DisclosurePage.test.jsx
| | โโโ index.jsx
| โโโ PostsPage
| โโโ index.jsx
โโโ data
| โโโ actions
| | โโโ comment.js
| | โโโ posts.js
| | โโโ posts.test.js
| โโโ constants
| | โโโ actionTypes
| โโโ reducers
| | โโโ comment.js
| | โโโ index.js
| | โโโ posts.js
| | โโโ posts.test.js
| โโโ store.js
โโโ index.jsx
โโโ setupTest.js
To start the application run
make up
This will spin up the Docker container for the new web application.
You should see something like
on port 1991
.
At this point, the new web application should mirror the edx/frontend-cookie-cutter-application
.