React Testing Library – เรียนไปจดไป
Importance of Testing? Catch Bugs Increase Confidence in Application Speeds up QA Time Can Serve as Documentations Types of Test Unit Tests Integration Tests End
บทความต่างๆที่เกิดจากการทำงานในฐานะนักพัฒนาเว็บไซต์ผมรวมไว้ที่นี่ เพื่อเป็นบันทึกส่วนตัวและแบ่งปันวิธีการแก้ปัญหาที่ผมเจอในชีวิตการทำงาน
Importance of Testing? Catch Bugs Increase Confidence in Application Speeds up QA Time Can Serve as Documentations Types of Test Unit Tests Integration Tests End
โปรเจ็คนี้ผมเขียนด้วย Vue.js ดึงข้อมูล Covid 19 จาก API มาแสดงภาพรวมและแยกเป็นรายประเทศ ตัว Frontend เป็น Tailwindcss โฮสต์เป็น Firebase Hosting ตัวแอพดูได้จาก ลิงค์นี้ https://vue-covid-19-alert.web.app/
ในไฟล์ App.js เรียกใช้งานแบบนี้ แล้วในไฟล์ของ Component ที่เราจะเรียกใช้งาน ก็แค่ import เข้ามา แล้วเรียกใช้งานตามโค้ดด้านล่างนี้ fab คือไอค่อนของแบรนด์ต่างๆ ในตัวอย่างคือไอค่อนไลน์ ส่วน fas คือไอค่อนทั่วๆไป
ก่อนอื่นก็เข้าไปในโฟลเดอร์ของโปรเจ็คที่ต้องการก่อน แล้วตามด้วยคำสั่งข้างล่างนี้
โปรเจ็คนี้เป็นหน้า Dashboard สำหรับแอดมินไว้ตอบลูกค้าผ่านไลน์ Channel ของบริษัทที่ใช้ Firestore เป็นตัวกลางในการรับข้อความจากไลน์ แล้วส่งมาที่ระบบ พอแอดมินตอบข้อความกลับไปก็ทำการเก็บลง Firestore แล้วใช้ Clound Functions ส่งข้อความไปที่ไลน์อีกทีนึง เป็น React Project ที่ขึ้นด้วย Material UI
โปรเจ็คนี้เป็นไลฟ์แชทสำหรับแอดมินเอาไว้ตอบข้อความลูกค้าอีกเวอร์ชั่นนึงที่ไม่ใช้ไลน์ ผมลองทำเพื่อทำความเข้าใจการทำงานของ Firestore ซึ่งมันเข้ากับ React ได้ดีมากจริงๆ
© 2021 All rights reserved