เห็นมีการ share เครื่องมือที่ชื่อ Lynx
เป็น mulit-platform app development
มันดูคล้าย ๆ กับ ReactNative และ Flutter เลย
โดยที่ Lynx นั้นถูกแบบมาปรับปรุงประสิทธิภาพการทำงานของ mobile app
ด้วยการสร้าง dual-thread สำหรับ UI render engine กันเลย
อีกทั้งยังช่วยให้การพัฒนา app รวดเร็วขึ้น เพราะว่าไม่มี JavaScript Bridge
จากความสามารถต่าง ๆ ที่สร้างเข้ามานั่นเอง
ดังนั้นเราลองไปดูกันหน่อยว่าใช้งานกันอย่างไร ?
ถ้าจำไม่ผิดเรื่องของ mulit-platform app นี้ มีมาดังนี้
- PhoneGap, Cordova
- React Native
- Flutter
เป้าหมายของ Lynx ประกอบไปด้วย
- Performacne ต้องเหมือนหรือใกล้เคียงกับ native app
- ใช้ CSS ในการจัดการ style ต่าง ๆ ของ app เหมือนกับ web เลย ทั้ง theme และ animation
- ทำการ run UI ผ่าน Main Thread หรือ UI Thread
- ส่วน logic ต่าง ๆ จะ run ในส่วนของ Background thread
- ไม่มี blank screen ตอน startup ของ app
แต่ว่า community ยังเล็กอยู่ เพราะว่าเพิ่งเปิดตัวมาใหม่ ๆ
การ debug ยังยากอยู่
ส่วนการเรียนรู้ก็มาเริ่มกันเลย รู๋ไว้ไม่เสียหาย
มาเริ่มเรียนรู้จากการติดตั้งและสร้าง project กัน
ใช้ NodeJS 18+ ขึ้นไป
จากนั้นทำการสร้าง project กัน
ใช้งาน Rspeedy v0.8.3 (Rsbuild v1.2.15, Rspack v1.2.7)
จากนั้นทำการติดตั้ง Lynx Explorer บน iOS Simulator และ Android Emulator ได้เลย
จะทำการติดตั้ง APK บน Android Emulator ได้เลย
จากนั้น copy URL ที่ได้ หรือ scan QR code
เพื่อทดสอบ app ได้เลย
เมื่อทำการแก้ไข code ก็จะ reload ให้เลย
แสดงผลดังรูป
ตัวอย่างของ error ที่แสดงใน app ตอน development
ในส่วนของการ debug ก็ทำผ่าน Lynx DevTool ได้เลย
ยังคงเป็น beta version เท่านั้น
ทำการ analyze การ dev และ build ด้วย Rsdoctor
แสดงผลลัพธ์ในรูปแบบของ HTML ดังนี้
ลองเล่นกันดูครับ สนุกดี
