react-fiction
A interactive fiction framework for React.
Installation
npm install react-fiction --save
Example
See the documentation for full usage details.
{ return <Story> <Rooms> <Room start id='room-1' title='Lab' component=DarkRoom /> <Room id='room-2' title='Lab' component=LightRoom /> </Rooms> <Viewer> <RoomTitle /> <RoomComponent /> </Viewer> </Story> } static contextTypes = story: ContextTypesStoryDataShape { let story = thiscontext return <div> <Passage> storydataturnedOnLight ? 'The room is dark again.' : 'You are in a dark room.' </Passage> <Link to='room-2'> Turn on light </Link> </div> } static contextTypes = room: ContextTypesRoomDataShape story: ContextTypesStoryDataShape { let room story = thiscontext roomdatavisited = roomdatavisited ? roomdatavisited + 1 : 1 storydataturnedOnLight = true room story } { let room = thiscontext return <div> <Passage> The room is now illuminated You've turned on this light {room.data.visited} times. </Passage> <Link to='room-1'> Turn off light </Link> </div> ) }} render(<Example />, document.getElementById('root'))