frontend-app-learning
Please tag @edx/teaching-and-learning on any PRs or issues. Thanks.
Introduction
React app for edX learning.
Development
Start Devstack
To use this application devstack must be running and you must be logged into it.
- Start devstack
- Log in (http://localhost:18000/login)
Start the development server
In this project, install requirements and start the development server by running:
npm install
npm start # The server will run on port 1995
Once the dev server is up, visit http://localhost:2000/course/course-v1:edX+DemoX+Demo_Course to view the demo course. You can replace course-v1:edX+DemoX+Demo_Course
with a different course key.
Local module development
To develop locally on modules that are installed into this app, you'll need to create a module.config.js
file (which is git-ignored) that defines where to find your local modules, for instance:
module.exports = { /* Modules you want to use from local source code. Adding a module here means that when this app runs its build, it'll resolve the source from peer directories of this app. moduleName: the name you use to import code from the module. dir: The relative path to the module's source code. dist: The sub-directory of the source code where it puts its build artifact. Often "dist", though you may want to use "src" if the module installs React as a peer/dev dependency. */ localModules: [ { moduleName: '@edx/paragon/scss', dir: '../paragon', dist: 'scss' }, { moduleName: '@edx/paragon', dir: '../paragon', dist: 'dist' }, { moduleName: '@edx/frontend-enterprise', dir: '../frontend-enterprise', dist: 'src' }, { moduleName: '@edx/frontend-platform', dir: '../frontend-platform', dist: 'dist' }, ], };
See https://github.com/edx/frontend-build#local-module-configuration-for-webpack for more details.