1.2.0 • Published 5 years ago

@edx/create-edx-react-app v1.2.0

Weekly downloads
1
License
AGPL-3.0
Repository
github
Last release
5 years ago

Introduction

create-edx-react-app simplifies the creation of new front-end applications at edX by providing a CLI to generate a new instance of the edX front-end cookie cutter.

Installation

npm install @edx/create-edx-react-app --global

Usage

Execute create-edx-react-app via the command line and then follow the configuration options.

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

example

on port 1991.

At this point, the new web application should mirror the edx/front-end-cookie-cutter-application.