https://github.com/wswmsword/fruit-flip

shuffle animation
https://github.com/wswmsword/fruit-flip

animation fruit-machine react react-hooks

Last synced: 2 months ago
JSON representation

shuffle animation

• Host: GitHub
• URL: https://github.com/wswmsword/fruit-flip
• Owner: wswmsword
• Created: 2021-11-10T16:17:49.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2021-12-02T03:05:44.000Z (over 4 years ago)
• Last Synced: 2025-07-29T08:57:48.470Z (11 months ago)
• Topics: animation, fruit-machine, react, react-hooks
• Language: JavaScript
• Homepage: https://codesandbox.io/s/goofy-panka-b8be4
• Size: 399 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# fruit-flip

## Installation

`cd` into the `src/use-react` from projects root directory.

```

cd src/use-react

```

Run `npm install` to install the dependencies of component.

```

npm install

```

`cd` into the `demo/use-react` from projects root directory.

```

cd demo/use-react

```

Run `npm install` to install the dependencies of React App demo.

```

npm install

```

## Running

Run this projects and let us see component updates live in React App demo.

`cd` into the `src/use-react` from projects root directory.

```

cd src/use-react

```

Stay in current directory, then run `npm run watch`.

```

npm run watch

```

Now, when we save changes, the watcher should detect the change, trigger a new build. The output of new build is in directory `dist/use-react`.

With current session of terminal open, we create a new session, then `cd` into the `demo/use-react` from root directory.

```

cd demo/use-react

```

Run React App demo.

```

npm run start

```

Now check out the demo on http://localhost:3000, and we can change the files in either components or demo, and to see those changes instantly.