ไม่กี่วันก่อนทีม Ionic ได้ออกเวอร์ชัน 5 เป็นที่เรียบร้อยแล้วครับ มาดูกันว่ามีอะไรใหม่บ้าง .1. มาพร้อมกับ Angular 9 (Ivy)! .2. แนะนำให้อัปเดตเป็นเวอร์ชัน 4.11.10 ก่อนอัปเดตเป็นเวอร์ชัน 5 ครับ จะได้ดูคำเตือนต่างๆ ว่ามีอะไรจะเลิกใช้แล้วบ้าง .3. สำหรับคนที่เขียน Angular ใช้คำสั่ง npm install @ionic/angular@latest เพื่ออัปเดตได้เลย 4. มาพร้อมกับไอคอนใหม่กว่า 1,200 ไอคอน!! (Ionicons 5) มีให้เลือกทั้งแบบ outline, fill และ sharp .5. อัปเดต UI components ต่างๆ ให้รองรับ iOS 13 เช่น Segment, Header, Large…
Month: February 2020
4 ข้อควรรู้เกี่ยวกับ React Hooks
Hooks เป็นฟีเจอร์ใหม่ที่มาพร้อมกับ React เวอร์ชัน 16.8 เพื่อให้เราสามารถใช้งาน state และเรียกใช้ features ต่างๆ ของ React ได้ โดยที่ไม่ต้องเขียนแบบ class component ยกตัวอย่าง เช่น เราสามารถใช้ useEffect แทน componentDidMount ได้ เป็นต้น .ส่วนคนที่เขียน React Native ก็เขียนได้เลยนะ แต่ต้องเป็นเวอร์ชัน 0.59 ขึ้นไปครับ .1. แนะนำให้เขียน React Hooks สำหรับโปรเจคใหม่เลย (ในหลักสูตรใหม่ที่ผมจะเปิดสอนจะพาเขียน Hooks เป็นหลักทั้งหมดครับ แต่จะพูดถึง class component ด้วยเช่นกัน) ถ้าโปรเจคเดิมใช้แบบ class component อยู่ก็ไม่ต้องตามแก้เป็น Hooks นะครับ ใช้ของเดิมได้เลย…
มีอะไรใหม่ใน Angular เวอร์ชัน 9
ถือเป็นการอัปเดตใหญ่ของ framework ตัวนี้เลยครับ โดยเฉพาะเรื่องของประสิทธิภาพ และเครื่องมือต่างๆ มาดูกันว่ามีอะไรใหม่บ้าง .1. มาพร้อมกับ Ivy compiler และ Ivy runtime ตัวใหม่และกำหนดเป็น default มาให้เลย แน่นอนทำให้ app ของเรา build ได้เร็วขึ้น มีขนาดเล็กลง และรันได้เร็วขึ้นกว่าเดิม (สำหรับ app เล็กๆ ขนาดลดลงราว 30% ส่วน app ขนาดใหญ่ ขนาดลดลงราว 25-40% เลยทีเดียว) .2. สำหรับคนที่เขียน unit tests ด้วย TestBed ในเวอร์ชันนี้ปรับปรุงการเขียน test ให้เร็วขึ้นกว่าเดิมราว 40% โดยที่ TestBed จะไม่ recomplie components ใหม่ทั้งหมดเหมือนเวอร์ชันเดิมครับ…
สรุปพื้นฐานภาษา Dart ก่อนเขียน Flutter
สำหรับคนที่อยากพัฒนา Mobile App หรือ Web App ด้วย Flutter สิ่งแรกที่ต้องทำคือ การศึกษาภาษา Dart ครับ .ภาษา Dart เป็นภาษาแบบ Object-Oriented รองรับทั้ง JIT (Just In Time) และ AOT (Ahead of Time) สำหรับคนที่เคยเขียนภาษาที่เป็น OOP มาก่อน จะทำให้การศึกษาภาษา Dart รวดเร็วยิ่งขึ้นครับ เช่น เคยเขียนภาษา JAVA หรือ C# เป็นต้น และแน่นอนภาษา Dart เป็นภาษาแบบ strongly typed (ต้องระบุชนิดข้อมูล แต่ก็รองรับ dynamic types ด้วยนะครับ ถ้าเราจะเลือกใช้) สำหรับคนที่เคยเขียนภาษาที่เป็น dynamic…
มีอะไรใหม่ใน Flutter 1.9.1
1. มาพร้อมกับ Dart เวอร์ชัน 2.5 ล่าสุด ซึ่งมี features ใหม่ๆ เช่น การใช้ machine learning สำหรับ code completions และ มี Foreign Function Interface (FFI) ทำให้เราสามารถเรียกใช้งานภาษา C โดยตรงจาก Dart ได้เลย .2. รองรับ macOS Catalina, Xcode 11 และ iOS 13 ที่กำลังจะออกตัวจริงเร็วๆนี้ .3. Flutter สำหรับเว็บถูกรวมและเป็นส่วนหนึ่งของ repo หลักแล้ว ทำให้เราสามารถเขียน flutter ได้ทั้ง mobile, desktop และ web โดยใช้โค้ดเพียงชุดเดียว…
มีอะไรใหม่ใน Laravel เวอร์ชัน 6.0
1. ต้องใช้ PHP เวอร์ชัน 7.2.0 ขึ้นไป .2. มีการแยกงาน frontend scaffolding ออกจาก framework หลักแล้วนะครับ ถ้าใครต้องการ ui สำเร็จรูป และระบบล็อกอินสำเร็จรูปต้องติดตั้ง package ชื่อว่า laravel/ui แทน ด้วยคำสั่ง composer require laravel/ui ยกตัวอย่างเช่น ถ้าผมต้องการใช้ vue.js และระบบล็อกอินสำเร็จรูป (เป็น Bootstrap 4) ก็ใช้คำสั่ง php artisan ui vue –auth เป็นต้น ณ ตอนนี้ หากเราติดตั้ง Laravel 6 ใหม่จะไม่มีส่วนนี้ติดมาให้แล้วนะครับ .3. ปรับปรุง Eloquent Subquery ให้เขียนง่ายขึ้นภายในคำสั่งเดียว…
มีอะไรใหม่ใน React 16.9.0
มาดูกันว่า React เวอร์ชันนี้ มีอะไรน่าสนใจบ้าง 🙂 .1. กำลังจะยกเลิกคำสั่ง javascript: ที่เราใส่ใน href ของ tag <a></a> ครับ เพราะอาจเสี่ยงต่อการถูกโจมตีและความปลอดภัย (cross-site scripting) หากใครอัปเดตเวอร์ชันนี้จะมี warning ออกมาครับ อนาคตจะเอาออกแล้ว แน่นอนจะมี error แสดงเลย หากใครต้องการใช้อยู่ก็แนะนำให้ใช้ dangerouslySetInnerHTML แทนนะ ดูเพิ่มเติมได้ที่ => http://bit.ly/2N0pJsc .2. ในอนาคต (เวอร์ชัน 17) จะมีการนำ lifecycle methods ออกไปทั้งหมด 3 methods ได้แก่ componentWillMount, componentWillReceiveProps, componentWillUpdate แล้วนะครับ ถ้าในเวอร์ชันนี้ (16.9.0) ก็ยังใช้ได้แต่จะมีการแจ้งเตือนออกมา (warning) เค้าแนะนำให้เราเติมคำว่า UNSAFE_ เข้าไปด้านหน้าชื่อ…