ข้ามไปยังเนื้อหา

Dart Foundations

ก่อนจะแตะ widget ตัวแรก เราเริ่มที่ภาษา เพราะ Flutter ทุกบรรทัดที่คุณเขียนคือ Dart รูปทรงของ framework — widget ที่ immutable, const constructor, async/await ใน build logic, mixin อย่าง SingleTickerProviderStateMixin — ล้วนเป็นผลโดยตรงจาก feature ของ Dart พอเข้าใจภาษาดีแล้ว Flutter ก็เลิกเป็นกองคาถาวิเศษ

บทเรียนสิ่งที่คุณจะได้เรียนรู้
Dart language tourtype, variable, function, collection — พื้นฐานแบบเร็ว ๆ
Null safetysound null safety, operator ต่าง ๆ และ flow analysis
Classes & mixinsconstructor (named/factory/const), mixin, extension, enum
Async in DartFuture, async/await, Stream และ single-threaded event loop

สี่หัวข้อนี้ไม่ใช่ language tour แบบสุ่ม ๆ — แต่ละอันโผล่มาตลอดใน code ของ Flutter:

flowchart LR
  ns["Null safety"] --> w["widget props ที่ปลอดภัย,
optional params"]
  cc["const constructors"] --> perf["rebuild widget ราคาถูก"]
  mx["mixins"] --> st["State mixins
(ticker, observer)"]
  as["async / Stream"] --> ui["FutureBuilder,
StreamBuilder"]
feature แต่ละตัวของ Dart ขับเคลื่อน Flutter อย่างไร
  • Null safety กำหนดว่าคุณ model widget property และข้อมูลที่เป็น optional อย่างไร
  • const constructor คือ lever ที่ใหญ่ที่สุดของ performance ใน Flutter — widget ที่เป็น const จะถูกข้ามตอน rebuild
  • Mixin คือวิธีที่ Flutter เพิ่มความสามารถให้ State class ของคุณ
  • Async และ Stream คือวิธีที่ UI คุยกับ network, database และเวลา
ทำไมคอร์ส Flutter ถึงเริ่มที่ Dart?
feature ใดของ Dart คือ lever ที่ใหญ่ที่สุดของ performance การ render ใน Flutter?
ปกติ Flutter เพิ่มความสามารถให้ State class อย่างไร?