React.Spritz

KO | EN

gitlite — search

#javascript #hacktoberfest #react #ai #typescript #golang #go #macos #java #awesome #cli #security #mcp #openai

(★ 19)

React implementation of the Spritz speed-reading technique.

React.Spritz 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# React Spritz🍷
React implementation of the [Spritz speed-reading technique](http://spritzinc.com/the-science).

![](https://raw.githubusercontent.com/vicrazumov/React.Spritz/master/media/sample.gif)

Inspired by Luis Ivan's [Spritzer](https://github.com/luisivan/spritzer).

## **[Demo](https://vicrazumov.github.io/React.Spritz/)**

## Installation
```
npm install react-spritz --save
```

Include the stylesheet as follows if needed:
```
import '../node_modules/react-spritz/build/main.css';
```
## Usage
```
<ReactSpritz
  text="Hi, this is React Spritz. Let's play!"
  wpm={400}
  playing
/>
```

* **text** - the text
* **wpm** - words per minute, how fast the words will be displayed
* **playing** - you can control the component by changing this property (```false```, by default)
* **startTimeout** - you can control the timeout on start (in ms, ```1000``` by default)

### Additional props

* **normalized** - pass ```true``` if you want longer timeouts for longer words (this will not affect short words)
* **stop** - pass ```true``` if you want to restart the component
* **onStart** - pass ```callback``` to do something on start
* **onPause** - pass ```callback``` to do something on pause (playing=false)
* **onStop** - pass ```callback``` to do something on stop (stop=true)
* **onDisplayNextWord** - pass ```callback``` to do something on displaying the next word

React.Spritz

React.Spritz 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

React.Spritz

React.Spritz 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README