https://github.com/kooltheba/blog-em-ipsum-react-query
Let's create a blog with lorem ipsum content as an alpha project using React Query 🌺
https://github.com/kooltheba/blog-em-ipsum-react-query
community-project react react-query
Last synced: 7 months ago
JSON representation
Let's create a blog with lorem ipsum content as an alpha project using React Query 🌺
- Host: GitHub
- URL: https://github.com/kooltheba/blog-em-ipsum-react-query
- Owner: KoolTheba
- License: mit
- Created: 2023-03-19T17:24:55.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-03-26T15:56:58.000Z (over 2 years ago)
- Last Synced: 2025-02-17T03:37:00.891Z (10 months ago)
- Topics: community-project, react, react-query
- Language: JavaScript
- Homepage:
- Size: 202 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# blog-em-ipsum-react-query
Let's create a blog with lorem ipsum content and pagination, as an alpha project using React Query 🌺
## Want to practice?
You can start from scratch and follow these guidelines:
- Install dependencies: in this case, on a React app boilerplate, just add React Query
- Configure React Query on the app
- Implement the whole fetchPosts feature using `useQuery`, including `isLoading` and `error` handler
- As a user, I want to be able to call the next block of post with a pagination feaature
- Improve UX by using `prefetchQuery`: in this case, as a user, I want to seamlessly travel around the pages without seeing 'Loading...' all the time I click
- As a user, I want to click in a post title and read the comments about it: implement the `fetchComments` feature
- Extra, but 🟠the API is not going to delete the post: implement the `deletePost` feature with `useMutation`
- Extra: use the React Query Devtools to check how your app behaves
- Extra: you can use Typescript
## A classic api as a reference
Check the documentation at https://jsonplaceholder.typicode.com/ and see how the api works
## Dependencies
- `react-query` version 3