Skip to content
Fake code typing for React.js
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
__tests__
docs
lib
src
.babelrc
.bithoundrc
.editorconfig
.eslintrc.js
.gitattributes
.gitignore
.npmignore
.travis.yml
LICENSE
README.md
catalog.config.js
package-lock.json
package.json
style.css
yarn.lock

README.md

build status bitHound Score Dependency Status

react-fake-code-typing - Fake code typing for React.js

alt tag

Full documentation & Demo

React Fake Code Typing documentation

Install

$ npm i react-fake-code-typing

Usage

---
import { FakeCodeTyping }  from 'react-fake-code-typing';
import 'react-fake-code-typing/style.min.css';

const testCode = `
function setError($errorcode) {
      $this->errorcode = $errorcode;
      $this->error = $this->errors[$errorcode];
      }
}
function getError($errormessage = '') {
      $error = $this->errorcode.$this->errormessage;
      return $error;
      exit;
}

/**
 * @link Home
 * @todo ..write a 404 page that actually makes sense.
 */
$err->setError(404);
$err->getError("Page Not Found");`;

...

<FakeCodeTyping>
    <pre>
      {testCode}
    </pre>
</FakeCodeTyping>

FakeCodeTyping Props

speed={ Number }

Typing speed (default: 12).

Showcase

For development

Launch the demo with catalog

$ yarn start

Run the tests

$ yarn test

Watch and Run the tests

$ yarn test:watch

Run lint

$ yarn test:lint

Publish new version (only for maintainers)

$ yarn publish

License

react-fake-code-typing is available under MIT. See LICENSE for more details.

You can’t perform that action at this time.