Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Learning Spike: TanStack Query #35

Open
stevebrownlee opened this issue Apr 9, 2024 · 0 comments
Open

Learning Spike: TanStack Query #35

stevebrownlee opened this issue Apr 9, 2024 · 0 comments

Comments

@stevebrownlee
Copy link
Contributor

stevebrownlee commented Apr 9, 2024

You may have discovered that many components within your application need to represent the same state, and that you often need to pass state from a parent to a child component using props. Your team likely discovered the Next.js provides a built-in function named useAppContext() that allows any component in the tree to access common, shared state.

There is another, third-party popular tool available for software developers today called TanStack Query (formerly known as React Query). This will allow any component to either set, or mutate (change) state when it needs to change.

Since the Bangazon platform is growing quickly and the business anticipates the feature-set of the UI to grow significantly over the next year, you need to investigate this tool to ensure that the component code stays as minimal, consistent, and DRY as possible. As a team, identify some state that is used in multiple components in the application and see if you can implement it with TanStack Query instead of relying on your service modules and/or useAppContext().

Start with reading Level Up Your Full-Stack Development with React Query

This would also be a great opportunity for the team to practice your prompt design skills with a LLM tool and provide context needed to implement the tool.

@stevebrownlee stevebrownlee changed the title Spike: TanStack Query Learning Spike: TanStack Query Apr 10, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant