Kijan pou m fè yon app React mache menm lè entènèt la ap koupe?

Question

Anpil nan itilizatè m yo an Ayiti gen koneksyon ki koupe souvan. Lè entènèt la tonbe, app la bloke. Kijan pou m fè l kontinye mache (offline-first)?

Accepted Answer

Bon kesyon pou kontèks nou an! Men estrateji ki mache:

**1. Service Worker (PWA)**: mete fichye app la (HTML, JS, CSS, imaj) nan kach pou paj la louvri san entènèt. Ak Vite, itilize `vite-plugin-pwa`. Ak Next.js, `@serwist/next`.

**2. Sove done lokalman**: itilize **IndexedDB** (ak bibliyotèk `idb` oswa `Dexie`) pou done yo, pa `localStorage` (li twò piti e li bloke).

**3. Ké aksyon yo (outbox)**: lè itilizatè a fè yon bagay san koneksyon, sove aksyon an nan yon ké epi voye l lè koneksyon an tounen:

```js
window.addEventListener('online', () => voyeKeAksyonYo());
```

**4. Montre eta a klèman**: yon ti bann "Ou pa konekte, n ap sove chanjman w yo" rasire moun.

**5. Redwi pwa app la**: ti bundle, imaj konprese (WebP/AVIF), pa twòp polis. Sa ede anpil sou 3G.

2 Repons