https://github.com/itsyst/react-effects-reducers-context
This repository provides a minimal setup for practicing React with Vite, incorporating Hot Module Replacement (HMR)
https://github.com/itsyst/react-effects-reducers-context
react react-context react-context-hooks react-hooks react-reducer
Last synced: 4 months ago
JSON representation
This repository provides a minimal setup for practicing React with Vite, incorporating Hot Module Replacement (HMR)
- Host: GitHub
- URL: https://github.com/itsyst/react-effects-reducers-context
- Owner: itsyst
- Created: 2021-11-08T01:40:35.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2025-01-07T14:31:28.000Z (6 months ago)
- Last Synced: 2025-01-07T15:34:30.093Z (6 months ago)
- Topics: react, react-context, react-context-hooks, react-hooks, react-reducer
- Language: TypeScript
- Homepage: https://glittering-tapioca-context.netlify.app/
- Size: 1.64 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Movie and Genre Display Component
This React component renders details about a movie, including genres and actors, with an optional tooltip showing additional information like awards and a poster image.
## Project Structure
- `components/Genre.tsx` - Main component for displaying movie genres and actors.
- `hoc/withTooltip.tsx` - Higher-order component to wrap components with tooltip functionality.
- `types/MovieType.ts` - TypeScript type definitions for the Movie data structure.
## Installation
To use this component, ensure you have:
- Node.js installed
- npm or yarn for package management
Clone this repository and install dependencies:
```sh
git clone [your-repository-url]
cd [repository-name]
npm install
# or
yarn install
```
## Layouts
