react-native-sync-tasks
Version:
JSI-based task manager for React Native that periodically fetches data from a server, deduplicates responses using hashing, and provides centralized task control via native C++ module.
123 lines (86 loc) β’ 3.38 kB
Markdown
# π SyncTasksManager (JSI)
<p align="center">
<img src="./assets/img.png" width="700"/>
</p>
**SyncTasksManager** is a native JSI-based library for React Native that allows you to manage and execute background sync tasks (such as periodic API polling) efficiently from JavaScript, while delegating the actual execution to the native layer for better performance.
## βοΈ Features
- π Periodic HTTP polling with configurable interval
- π‘ Callback on data reception or error
- π§΅ High-performance task execution via JSI
- π§ Centralized task management (start/stop all tasks)
- β
Seamless integration with native modules (C++/JSI)
- β¨ Built-in response deduplication using response body hash β avoids redundant `onData` calls if the response has not changed
## π¦ Installation
```bash
npm install react-native-sync-tasks
```
> Donβt forget to run `pod install` for iOS if using CocoaPods.
## π οΈ Usage
```ts
import { createTask, SyncTasksManager } from 'react-native-sync-tasks';
type TData = {
userId: number;
id: number;
title: string;
body: string;
};
const task = createTask<TData>({
config: {
url: 'https://jsonplaceholder.typicode.com/posts/1',
// 2000ms / default 1000ms
interval: 2000,
// headers optional
headers: {
'Content-Type': 'application/json',
'Accept': 'application/json',
},
},
// { body: TData, status_code: number }
onData: (data) => {
console.log('DATA', data);
},
// { error: string, status_code: number }
onError: (error) => {
console.log('ERROR', error);
},
});
SyncTasksManager.addTask(task);
SyncTasksManager.startAll();
...
// stop all tasks
SyncTasksManager.stopAll();
// or stop only 1 task
task.stop()
```
## π API
### `createTask<T>(props: CreateTaskParams<T>): Task`
Creates a background task that will periodically fetch data from the specified URL.
#### Params:
| Name | Type | Description |
|-----------|----------------------------------------------------------------------|-----------------------------------------------|
| `config` | `{ url: string; interval: number; headers?: Record<string, string> }` | HTTP polling configuration |
| `onData` | `(data: { body: T, status_code: number }) => void` | Callback when data is successfully received |
| `onError` | `(error: { error: string; status_code: number }) => void` | Callback when request fails (optional) |
> Under the hood, the task stores a hash of the last response body. If the newly fetched response is identical (hash matches), the `onData` callback will **not** be triggered.
### `Task`
Represents an individual background sync task.
#### Methods:
- `start(): void` β Manually start the task
- `stop(): void` β Stop the task
- `isRunning(): boolean` β Check if the task is currently running
### `SyncTasksManager`
A global task manager for controlling multiple tasks at once.
#### Methods:
- `addTask(task: Task): void` β Add a single task
- `addTasks(tasks: Task[]): void` β Add multiple tasks
- `startAll(): void` β Start all registered tasks
- `stopAll(): void` β Stop all running tasks
## π License
MIT