Skip to content

patricktrack/react-flow-slide-show

This branch is up to date with xyflow/react-flow-slide-show:main.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

767036e Β· Jul 22, 2024

History

6 Commits
Jul 5, 2024
Jul 16, 2024
Jul 5, 2024
Jul 5, 2024
Jul 22, 2024
Jul 5, 2024
Jul 5, 2024
Jul 5, 2024
Jul 22, 2024
Jul 5, 2024
Jul 5, 2024
Jul 5, 2024
Jul 5, 2024

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%