This page covers essential sessions on React Query, including migrating to server components, building a simplified version, and managing global state. Each section delves into specific aspects, providing insights and practical knowledge for developers.
Migrating to Server Components with React Query
React Query version five is live, and this session discusses the migration process to server components using Next.js and React Query. The process involves planning, preparing, and setting up server components, migrating pages, adding layouts, and moving components to the server.
Additionally, this talk explores the benefits of server components such as reducing JavaScript shipping, enabling powerful caching, and leveraging the features of the app router. Topics like handling authentication, rendering in server components, and the impact on server load and costs are also covered.
Building React Query Lite in 150 Lines of Code
React Query is a popular data synchronization library used by many developers, and this talk covers the creation of a simplified version called React Query Lite. Concepts like caching, background fetching, and garbage collection are explored in detail during this session.
The speaker also discusses using query observers and integrating React Query with React. The talk concludes with a discussion on React Native tools, testing, and the stability of React Query's API.
Breaking Up with Global State: React Query for Server State Management
This talk addresses the challenges of global state management, focusing on placing server state in global state. React Query is introduced as a solution for handling asynchronous server state, and the process of extracting logic into custom hooks is demonstrated.
Optimistic updates with mutation, along with the benefits of using React Query for data fetching and mutations, are showcased. The future of global state management and user feedback on React Query are also discussed, concluding with an invitation to explore React Query for server state management.
