Tag: reactlynx

3 รายการ

Blog

Lynx.js Workshop ตอนที่ 1: เริ่มต้นเขียน Mobile App ด้วย ReactLynx
lynxjsreactlynx

Lynx.js Workshop ตอนที่ 1: เริ่มต้นเขียน Mobile App ด้วย ReactLynx

พี่โชว์พาทำความรู้จัก Lynx.js (ReactLynx) — framework สำหรับสร้าง mobile app ข้าม platform ด้วย React + TypeScript จาก setup โปรเจกต์จริง, รันบนมือถือด้วย QR code, จนเข้าใจโครงสร้าง element แบบ view/text

Showkhun
Lynx.js Workshop ตอนที่ 2: ดึงข้อมูล IoT แบบ Real-time
lynxjsreactlynx

Lynx.js Workshop ตอนที่ 2: ดึงข้อมูล IoT แบบ Real-time

พี่โชว์พาต่อ mobile app เข้ากับ backend จริง — typed REST client ที่มี timeout/abort, WebSocket hub แบบ auto-reconnect, แล้วประกอบเป็น Dashboard ที่ sensor card อัปเดตค่าสด ๆ ผ่าน hook useDashboard

Showkhun
Lynx.js Workshop ตอนที่ 3: Advanced Integration และ Best Practices
lynxjsreactlynx

Lynx.js Workshop ตอนที่ 3: Advanced Integration และ Best Practices

ตอนจบของซีรีส์ — สั่งงาน device ผ่าน command + dialog ยืนยัน, วาด chart จาก time-series ด้วย SVG ที่กัน injection, จัดการ alert rules + read state ฝั่ง client, theme dark/light ผ่าน Context พร้อม best practices จากโค้ดจริง

Showkhun