Skip to content

patricktrack/react-flow-slide-show

 
 

Repository files navigation

React Flow Slide Show

This repo contains a small slide show presentation built with React Flow. Go check out the tutorial if you want to build your own from scratch!

A screencapture of someone clicking arrow keys on a series of slides, which lets them navigate up, down, left, and right between them

Features of the presentation include:

  • Write slides in markdown.
  • Navigate between slides with arrow keys.
  • Automatically lay out slides in a grid.

The tutorial covers React Flow topics including:

  • Setting up a React Flow project from scratch
  • Writing your own layouting algorithm
  • Using events on the <ReactFlow /> component to add global interactivity.

Development

This app was built using Vite for development.

Installation

Before you start, you need to install the dependencies:

npm install

Spin up a dev server

npm run dev

Build

npm run build

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 84.1%
  • CSS 6.0%
  • JavaScript 5.4%
  • HTML 4.5%