Community Picks·4yHow to build a real-time Auction System with Socket.io and React.js
The auction runs on the "fast" decision bid, where someone else will win or outbid you if you don't bid fast enough. To use online bidding, we must stick to the same principles. Use an open-socket (Websockets) to get information directly from the server when a new bid arrives. Next, add Socket.io to the project to create a real-time connection.
TkDodo·4yReact Query meets React Router
React Router will allow you to define loaders on each route, which will be called when the route is visited. In the route component itself, you can use loaderData() to get access to that data. If you navigate to contacts/1, data for that contact will be fetched before the component is rendered. This is awesome as it not only improves the user experience, but look at that developer experience of co-located data fetching and rendering.