Web
Services
Overview
Services in our application are specific functionalities or data manipulations handled by objects, classes, or functions. You can add any service as needed for third-party API integrations or app metrics collection.
API Service
Description:
The API Service, represented by the ApiClient
class, enhances axios client for better error handling and easier configuration.
Example Usage:
import { apiService } from 'services';
// Making a GET request
const data = await apiService.get('/users', { sort: { createdOn: 'desc' } });
Socket Service
Description: Socket Service provides functions for managing websocket connections, including connecting, disconnecting, and handling events.
Example Usage:
import { socketService } from 'services';
// Listening for an event
socketService.on('user:updated', (data: User) => {
queryClient.setQueryData(['account'], data);
});
// In React component
const onCardUpdated = () => {
console.log('Card updated')
};
useEffect(() => {
socketService.on('card:updated', onCardUpdated);
return () => {
socketService.off('card:updated', onCardUpdated);
};
}, []);
Analytics Service
Description: Analytics Service offers a set of functionalities for working with third-party analytics systems like Mixpanel. It can be adapted to other platforms as needed.
Example Usage:
import { analyticsService } from 'services';
// Tracking an event
analyticsService.track('New user created', { firstName, lastName });