react Archive

การใช้งาน Docker compose watch สำหรับ Vite

คำถามจากการแบ่งปันเรื่องการพัฒนาระบบงานด้วย Dockerหนึ่งในคำถามที่น่าสนใจจาก Frontenf developer คือในการพัฒนาระบบด้วย Vite + ReactJS นั้นจะทำให้ dev พัฒนาได้สะดวกอย่างไรยิ่งเรื่องของ Hot Reload ก็อยากให้ใช้ได้ด้วยดังนั้นจึงมีคำแนะนำดังนี้

Read More…

น่าสนใจกับ v0.dev

ทาง Vercel Lab ได้ปล่อย V0.dev ออกมา (private alpha)ให้ไปลองใช้งาน (ลง waiting list) ไว้ก่อนโดยเป็นระบบที่จะ generate user interface ออกมาให้ (Generative UI)ซึ่งจะเป็น ReactJS กับใช้งาน framework คือ แต่ในอนาคตก็จะเพิ่มตัวอื่น ๆ เข้ามาเช่นเดียวกัน

Read More…

แนะนำ React => visualized สำหรับการเรียนรู้ ReactJS

สำหรับใครที่สนใจ ReactJS มีอีกที่คือ React.ggทำการอธิบายเรื่องของ ReactJS จาก official documentationในรูปแบบที่เข้าใจได้ง่ายดูได้จากที่นี่ React => visualized

Read More…

ทำการจำลอง API server ใน JavaScript ด้วย MirageJS

เรื่องมีอยู่ว่าต้องทำพัฒนา frontend ด้วย ReactJSสิ่งหนึ่งที่ต้องทำเลยคือ การจำลองฝั่ง API ที่ต้องใช้งานเพื่อให้สามารถพัฒนาและทดสอบได้ง่ายขึ้นหนึ่งในวิธีการก็คือ การใช้งาน MirageJSมาดูการใช้งานกันดู

Read More…

บันทึกการแก้ปัญหา Cannot read properties of undefined (reading ‘REACT_APP_SC_ATTR’)

ปัญหาที่เจอ ในการทดสอบ component testing ด้วย Cypressโดยสิ่งที่ใช้งานประบกอบไปด้วย Vite + ReactJS + TypeScript มีใช้งาน styled component !! เมื่อสร้างและ run component testing จะเจอปัญหาดังรูป

Read More…

สรุปจากบทความเรื่อง Why hooks are the best thing to happen to React

จากบทความเรื่อง Why hooks are the best thing to happen to React ? จาก StackOverflow อธิบายเรื่องของ React Hooks ได้อย่างน่าสนใจว่าการพัฒนาระบบงานด้วย React มีหลายแบบทำให้การเปลี่ยนหรือย้ายไปมาทั้ง class และ functional component เป็นเรื่องที่ไม่ง่ายเลยดังนั้นจึงเป็นที่มาของการสร้าง React Hooksเพื่อให้ง่ายต่อการพัฒนา รวมทั้งการเปลี่ยนไปใช้งาน functional component อีกด้วย

Read More…

ไปอ่านกัน React Docs ตัวใหม่ (Beta อยู่นะ)

สำหรับนักพัฒนาฝั่ง Frontend สาย Reactเป็นเรื่องที่น่ายินดีมาก ๆ ที่มีการสร้าง document ขึ้นมาใหม่เนื่องจากของเดิมเข้าใจยากพอควรสำหรับคนเริ่มต้นซึ่งมีทั้ง class component รวมกับ function component และ Hooksจัดได้ว่ามั่วก็ว่าได้ ยิ่งคนเริ่มต้นยิ่งหนักหนา !!

Read More…

มาใช้งาน @storybook/testing-react กัน

เมื่อกลางเดือนพฤภาคมที่ทีม StoryBook ได้ปล่อย testing-react library ออกมาเพื่อใช้สำหรับการทดสอบ react component ด้วย stories ที่เขียนใน StoryBook ได้เลยไม่ต้องไปเสียเวลาเขียน test case แยกออกจากกันด้วย Jest + React testing library หรือ Enzyme อีกต่อไปซึ่งเป็น pain point หลักของคนใช้งาน แน่นอนว่า มันไม่สนุกเลย

Read More…

สรุปข้อผิดพลาดที่เกิดกับการพัฒนาด้วย ReactJS

เพิ่งทำการสอนและ review ระบที่พัฒนาด้วย Reactพบว่ามีข้อผิดพลาดบางอย่างที่มักเกิดขึ้นกับทุก ๆ ระบบซึ่งบ่อยครั้งมันทำงานได้ปกติ แต่ยากต่อการดูแลรักษา หรือยากต่อการทำความเข้าใจจึงสรุปไว้นิดหน่อย

Read More…

เรียนรู้อะไรจากบทความเกี่ยวกับ Wikimedia เลือก JavaScript framework

จากบทความเรื่อง  Watching you, with a Vue to a Kill: Wikimedia developers dismiss React for JavaScript makeover despite complaints ดูจากหัวข้อแล้วมันก็ดราม่าเลย แน่นอนว่า สงครามของเหล่า framework ทั้ง Vue และ React ก็ออกมาถกกัน ซึ่งเป็นเรื่องปกติที่ไม่ปกติ  เนื่องจากเกิดเรื่องแบบนี้มานานมาก ๆ จาก Programming war มาถึง Tool war และ Framework war !!

Read More…