1. แม้ features จะเพิ่มขึ้น แต่ประสิทธิภาพดีกว่า เวอร์ชัน 2 และมีขนาดเล็กลง .2. Codebase เขียนด้วย TypeScript ทำให้รองรับ TypeScript ได้ดีขึ้น .3. เปลี่ยนวิธีการเขียนมาเป็นรูปแบบที่เรียกว่า Composition API แทน Options API แบบเดิม คือ ถ้าเป็นเวอร์ชันปัจจุบันเราจะเขียนโค้ดเข้าไปที่ option properties ต่างๆ เช่น data, methods, computed เป็นต้น แน่นอนปัญหาคือ เราจะต้องเรียนรู้ว่าตัวไหนใช้ทำอะไร (ไม่ใช่โค้ด js เพียวๆ ที่สามารถใช้งานได้เลย) และตัว compiler เองก็ต้องมีการ transform properties ต่างๆเหล่านี้ให้สามารถทำงานได้อีกทีหนึ่ง ในเวอร์ชัน 3 จะเปลี่ยน properties ต่างๆ…
Month: April 2020
ไลบรารีเกี่ยวกับการจัดการวันที่ของ JavaScript
มาดูตารางเปรียบเทียบไลบรารีเกี่ยวกับการจัดการวันที่ของ JavaScript กันครับ… .ทุกวันนี้ Web App ที่เราสร้างต้องคำนึงถึงความเร็วกันอยู่แล้วครับ การเลือกใช้งานไลบรารีจึงเป็นสิ่งสำคัญมาก เพราะมีผลโดยตรงกับประสิทธิภาพโดยรวมของเว็บเรา .ปกติเวลาที่ผมแนะนำก็จะแนะนำเป็น date-fns ครับ และให้เลิกใช้ Moment.js เพราะมีขนาดใหญ่ และไม่มี tree-shaking ด้วย .วันนี้มาแนะนำอีกหนึ่งตัว คือ dayjs ครับ ตัวนี้มีขนาดเล็กมากๆ แค่ 2k เอง ถึงแม้ไม่มี tree-shaking ก็ถือว่าเล็กมากแล้วครับ กับการใช้งานทั่วไป .มีใครใช้ตัวไหนอยู่บ้างครับ ฝากแนะนำเพื่อนๆ หน่อยนะครับ .ไปดูการเปรียบเทียบเองได้ที่นี่นะครับ => http://bit.ly/2w8Xn8F โค้ชเอก Views: 33879
แนะนำ 15 ไลบรารี ของ React ที่น่าใช้ในปี 2020
1. สร้าง QRCode แบบง่าย ๆ ลองตัวนี้▸ https://github.com/zpao/qrcode.react .2. สร้าง rich text editor ง่าย ๆ ด้วย React Quill▸ https://zenoamaro.github.io/react-quill .3. ครอบตัดรูปภาพด้วย React Image Crop▸ https://github.com/DominicTobias/react-image-crop .4. drag and drop รูปภาพ เพื่อเตรียมอัปโหลดด้วย react-dropzone▸ https://react-dropzone.js.org/ .5. สร้างปฏิทินกิจกรรม หรือ events calendar ด้วย react-big-calendar▸ https://github.com/jquense/react-big-calendar .6. จัดการข้อมูลรูปแบบตารางสวยๆ ด้วย react-bootstrap-table2 (สำหรับคนใช้ Bootstrap)▸ https://react-bootstrap-table.github.io/react-bootstrap-tab… .7. Datepicker ไว้สำหรับ input ข้อมูลแบบปฏิทิน▸ https://github.com/Hacker0x01/react-datepicker .8. ทำ notification สวยๆ…
แนะนำ React Hook Form
สำหรับคนที่เขียน React หรือ React Native อยู่ ลองใช้ไลบรารีฟอร์มตัวนี้ได้ครับ “React Hook Form” .ปกติคนที่เขียน React หรือ React Native น่าจะเคยใช้ Formik และ Redux Form กันมาบ้าง วันนี้มาแนะนำอีก 1 ทางเลือกครับ และน่าจะเป็นทางเลือกใหม่ที่ดีด้วย มาดูกันว่า react-hook-form มีข้อดีอะไรบ้าง .1. re-render ที่่น้อยลง (ทำให้ประสิทธิภาพดีขึ้น) กว่า Formik และ Redux Form .2. ใช้เวลาเรียนรู้ไม่มาก เขียนโค้ดสั้นลงกว่า Formik และ Redux Form .3. ใช้ React Hooks .4. ขนาดเล็กมากแค่…