GiphyExpertApp is a web application created to explore various functionalities and best practices in React development. This project focuses on:
- useState: Managing state within components.
- useImmerState from the Immer library: Understanding why it can be convenient to replace useState and its advantages.
- API Calls: Fetching data from APIs and improving this process using libraries such as use-async-effect to avoid unreadable code.
- ESLint Integrations: Maintaining a consistent and readable code standard.
- State Management: Utilizing useState and useImmerState for efficient state management.
- API Fetching: Implementing API calls to fetch data from Giphy.
- Async Effects: Using use-async-effect to handle asynchronous operations cleanly.
- Code Quality: Applying ESLint configurations to ensure high code quality and readability.
-
Clone the repository:
git clone https://github.com/JesusJimenezC/GiphyExpertApp.git
-
Navigate to the project directory:
cd GiphyExpertApp -
Install the dependencies:
bun install
-
Start the application:
bun run dev
The application will be available at http://localhost:5173.
- Open the application in your browser.
- Explore the features by searching for GIFs using the Giphy API.
- Observe how state management and asynchronous operations are handled within the application.
This project is licensed under the MIT License. For more details, see the LICENSE file.
Jesús Jiménez - jesus.jimenezc.mx@gmail.com
Project Link: GiphyExpertApp - Demo