@react-story-rich helps to create narrative games with javascript basics.

Contrary to Ink or Twine, you don't have to learn a "proxy" language to get started. On the other hand, the library remains sufficiently low level not to restrict itself in the possibilities. This includes:

• A tree API to parse simple story definitions in JS or even in JSON
• A navigation API to navigate through a Story Node to another
• A history reducer to keep tracks of user actions and render a timeline
• Components & hooks to handle most common interactions

Installation

npm install @react-story-rich/core -S
// or
yarn add @react-story-rich/core

Getting started

With @react-story-rich, you can start with a template based on create-react-app already including the following topics:

• Working with translations
• Dark mode & theming
• Local saves & persistence
• Optimizing performance with virtualization
• Game oriented UI
• Hash Routing
• Deploy to gh-pages

Find the template on GitHub: react-story-rich-template

Go further

To go further, you may be interested to create specific components like a dice roller for example or puzzle games or a Pokémon like battle scene, everything is possible.

Check the documentation for how create your own custom components with hooks:

• How to create custom components
• Use hooks for focus and interactions