Bitcoin & Tablet
ΠΡΠΈΠ²Π΅Ρ, Π’Π°Π±. Π‘Π»ΡΡΠ°ΠΉ, ΡΡ ΠΊΠΎΠ³Π΄Π°-Π½ΠΈΠ±ΡΠ΄Ρ ΡΡΡΠΎΠΈΠ»Π° ΡΠ΅ΠΏΠ»ΠΎΠ²ΡΠ΅ ΠΊΠ°ΡΡΡ ΠΏΡΠ»ΠΎΠ² Π»ΠΈΠΊΠ²ΠΈΠ΄Π½ΠΎΡΡΠΈ ΠΈ ΠΏΠΎΡΠΎΠΌ ΠΏΡΡΠ°Π»Π°ΡΡ ΠΏΡΠΈΠ΄ΡΠΌΠ°ΡΡ UX, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠ΅Π°Π»ΡΠ½ΠΎ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π» Π±Ρ ΡΡΠΈ Π³ΡΠ°ΡΠΈΠΊΠΈ Π² ΡΠ΅Π°Π»ΡΠ½ΠΎΠΌ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ, Π½Π΅ Π»ΠΎΠΌΠ°Ρ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ? ΠΠ°Π²Π°ΠΉ ΠΎΠ±ΡΡΠ΄ΠΈΠΌ, ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ DeFi-ΠΏΠ°Π½Π΅Π»ΠΈ, ΡΡΠΎΠ±Ρ Π³ΡΠ°ΡΠΈΠΊΠΈ ΠΎΡΡΠ°Π²Π°Π»ΠΈΡΡ ΡΠ΅ΡΠΊΠΈΠΌΠΈ, Π° ΡΠΊΠΎΡΠΎΡΡΡ ΡΠ°Π±ΠΎΡΡ Π±ΡΠ»Π° ΠΌΠΎΠ»Π½ΠΈΠ΅Π½ΠΎΡΠ½ΠΎΠΉ β ΡΡΠΈΡΡΠ²Π°Ρ, ΡΡΠΎ Π²ΡΠ΅ΠΌΡ Π±Π»ΠΎΠΊΠ° Π΄Π΅ΡΡΡΡ ΠΌΠΈΠ½ΡΡ, Π° ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΠ°Π±ΠΎΡΠ°ΡΡ ΠΌΠΎΠΌΠ΅Π½ΡΠ°Π»ΡΠ½ΠΎ.
ΠΡΠΈΠ²Π΅Ρ, Π·Π½Π°Π΅ΡΡ, Ρ ΡΡΡ ΡΠ΄Π΅Π»Π°Π»Π° Π²ΠΈΠ΄ΠΆΠ΅Ρ Ρ ΡΠ΅ΠΏΠ»ΠΎΠ²ΠΎΠΉ ΠΊΠ°ΡΡΠΎΠΉ Π΄Π»Ρ ΠΏΡΠ»ΠΎΠ² Π»ΠΈΠΊΠ²ΠΈΠ΄Π½ΠΎΡΡΠΈ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΎΠ±Π½ΠΎΠ²Π»ΡΠ΅ΡΡΡ ΡΠ΅ΡΠ΅Π· WebSocket ΠΈ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ ΠΎΡΠ΅Π½Ρ ΠΏΠ»Π°Π²Π½ΠΎ. Π‘Π΅ΠΊΡΠ΅Ρ Π² ΡΠΎΠΌ, ΡΡΠΎΠ±Ρ Π΄Π΅ΡΠΆΠ°ΡΡ Π±ΡΡΠ΅Ρ Π΄Π°Π½Π½ΡΡ
ΠΎΡΠ΅Π½Ρ ΠΌΠ°Π»Π΅Π½ΡΠΊΠΈΠΌ β ΡΠΎΠ»ΡΠΊΠΎ Π΄Π°Π½Π½ΡΠ΅ ΠΎ Π³Π»ΡΠ±ΠΈΠ½Π΅ ΠΏΡΠ»Π° Π·Π° ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΠ΅ 30 ΡΠ΅ΠΊΡΠ½Π΄, ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΎΠ΄ΠΈΠ½ ΡΠ»ΠΎΠΉ ΠΊΠ°Π½Π²Ρ, ΡΡΠΎΠ±Ρ Π½Π΅ ΠΏΠ΅ΡΠ΅ΡΠΈΡΠΎΠ²ΡΠ²Π°ΡΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΌ ΡΠΈΠΊΠ΅. Π― Π΅ΡΡ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΠ»Π° ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½ΠΈΠ΅ ΡΠ°ΡΡΠΎΡΡ ΠΏΠ΅ΡΠ΅ΡΠΈΡΠΎΠ²ΠΎΠΊ Π΄ΠΎ 60 ΠΊΠ°Π΄ΡΠΎΠ² Π² ΡΠ΅ΠΊΡΠ½Π΄Ρ ΠΈ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΠΈΠ»Π° ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΡ DOM Π² callback Π΄Π»Ρ requestAnimationFrame.
```const ws = new WebSocket('wss://liquidity.example');
ws.onmessage = e => {
const data = JSON.parse(e.data);
queueRender(data);
};
```
Π ΡΠ΅ΡΡΠ΅ Ρ ΠΌΠ΅Π½Ρ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ Π²ΡΠ΄Π°ΡΡ ΠΌΠ΅Π½ΡΡΠ΅ 50 ΠΌΠΈΠ»Π»ΠΈΡΠ΅ΠΊΡΠ½Π΄ Π½Π° ΠΊΠ°Π΄Ρ, Π΄Π°ΠΆΠ΅ Ρ 12 Π³ΡΠ°ΡΠΈΠΊΠ°ΠΌΠΈ ΠΏΡΠ»ΠΎΠ². ΠΠ»Π°Π²Π½ΠΎΠ΅ β Π½Π΅ ΠΎΡΠ»Π°Π±Π»ΡΠΉ ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½ΠΈΠ΅ ΡΠ°ΡΡΠΎΡΡ, ΠΊΠ΅ΡΠΈΡΡΠΉ Π²ΡΡΠΈΡΠ»Π΅Π½ΠΈΡ β ΡΠΎΠ³Π΄Π° ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ ΠΏΠΎΠΊΠ°ΠΆΠ΅ΡΡΡ ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½ΡΠΌ. ΠΡΠ΅ΠΌΡ Π±Π»ΠΎΠΊΠ° Π² 10 ΠΌΠΈΠ½ΡΡ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ Π·Π½Π°ΡΠ΅Π½ΠΈΡ, Π΅ΡΠ»ΠΈ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ ΡΠΎΡΠΌΠΎΠ·ΠΈΡ.