ES6 Modules and JSX Support (v5.12.0 )
Adapt Framework v5.12.0 introduced a significant architectural change, replacing the RequireJS (AMD) module system with Rollup and adding support for ES6 modules and React/JSX templates.
Key Changes:
-
Module System: Migrated from RequireJS (AMD) to Rollup bundler with ES6
import/exportsyntax - Template Support: Added React and JSX template support alongside existing Handlebars templates
- Developer Experience: Modern JavaScript tooling with improved build performance
See the pull requests and reference links below for technical details and further reading.
- issue/2824 Replaced requirejs with rollup for module bundler
- issue/2824-jsx Added React support to issue/2824
- issue/2824-jsx React version of accordion
Note: Adapt Framework currently uses React 17. These links reference React 18+ documentation, but JSX syntax concepts remain the same across versions.
Additional Resources:
- Framework in Five Minutes
- Setting up Your Development Environment
- Manual Installation of the Adapt Framework
- Adapt Command Line Interface
- Common Issues
- Reporting Bugs
- Requesting Features
- Creating Your First Course
- Styling Your Course
- Configuring Your Project with config.json
- Content starts with course.json
- Course Localisation
- Compiling, testing and deploying your Adapt course
- Core Plugins in the Adapt Learning Framework
- Converting a Course from Framework Version 1 to Version 2
- Contributing to the Adapt Project
- Git Flow
- Adapt API
- Adapt Command Line Interface
- Core Events
- Core Model Attributes
- Core Modules
- Web Security Audit
- Peer Code Review
- Plugins
- Developing Plugins
- Developer's Guide: Components
- Developer's Guide: Theme
- Making a theme editable
- Developer's Guide: Menu
- Registering a Plugin
- Semantic Version Numbers
- Core Model Attributes
- Adapt Command Line Interface
- Adapt Framework Right to Left (RTL) Support