Embedded iFrame React App with Two-Way iFrame-Browser Communication

Description: This set up consists of an embedded iframe that houses a React app. The browser then establishes direct two-way communication with the React app via the iframe. This allows for a single React app build to be used while also enabling multiple question scenarios/schemes (such as Practice Drills) to be used through the lesson.

Type: Integrated

Keywords: simulation, embedded, iframe, browser

Technologies: jQuery v1.11.1, React

Accessibility notes: --

Examples

Lesson
Link

Math for Weather and Climate: Divergence

Streamgage Basics: Troubleshooting in the Office

Estimating Tropical Cyclone Intensity with the Dvorak Technique

Last updated