react Archive

สรุปจากบทความเรื่อง 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…

Wails :: สร้าง Desktop app ด้วยภาษา Go และ Web technology

เพิ่งเห็นว่ามีการปล่อย Wails ใน version beta เป็น framework สำหรับสร้าง Desktop application ด้วยภาษา Go และ web technology ต่าง ๆ ได้เลย ที่สำคัญสิ่งที่ได้ออกมาคือ ระบบงานที่อยู่ในไฟล์ binary เดียวเท่านั้น ดังนั้นลองมาทำความรู้จักกันหน่อย

Read More…

ลองไปนั่งดู React Hooks นิดหน่อย เราต้องเปลี่ยนเลยไหม ?

จาก tweet ของ Dan Abramov ผู้สร้าง React นั่นเอง เกี่ยวกับแนวคิดการออกแบบ component เป็น Presentational และ Container componentหรือเรื่องของ Stateful และ Stateless component ได้บอกว่า แนวคิดนี้น่าจะไม่เหมาะสมแล้วกับ React ใหม่ที่มี React Hooks ออกมา นั่นหมายความว่าเราสามารถแยก logic การทำงานออกไปยัง React Hooks เลย เลยเกิดคำถามว่า ต้องใช้ Hook กันเลยไหม ? หรือต้อง migrate มา Hook เลยไหม

Read More…

สรุปเนื้อหาในช่วงบ่ายของงาน React Bangkok 3.0.0

เนื่องจากเนื้อหาของงาน React Bangkok 3.0.0 นั้นเยอะและแน่นมาก จึงทำการแยกเนื้อหาในช่วงบ่ายออกมาเป็น blog ที่สอง ดูรายละเอียดของ session ช่วงเช้าได้ ซึ่งประกอบไปด้วยหัวข้อดังนี้ การจัดการ State ด้วย MobX Animating in React (ภาษาอังกฤษ) ว่าด้วยเรื่อง React Design Pattern ประสบการณ์ในการใช้งาน Expo และ GraphQL ประสบการณ์การพัฒนาระบบงานด้วย React ของ Telenor การ Tuning performance ของ React app การทดสอบสำหรับ React app ว่าด้วยเรื่องการจัดการ State ของ React app ประเด็นคือเลือกใช้แต่ละอย่างด้วยเหตุผลอะไร ทำการสรุปแบบสั้น ๆ ไว้นิดหน่อย มาดูกันเลย

Read More…

สรุปเนื้อหาในช่วงเช้าของงาน React Bangkok 3.0.0

มีโอกาสมาร่วมงาน React Bangkok 3.0.0 จัดโดยทีม ReactJS Developer Thailand จัดงานที่ตึก Energy Complex ชั้น 6 ซึ่งครั้งนี้จัดยิ่งใหญ่กว่าเดิมมาก เพื่อไม่ให้เสียเวลา มาสรุปเนื้อหาของงานในช่วงเช้ากันดีกว่า ส่วนบรรยากาศไว้ตามมาทีหลัง ในส่วนของเนื้อหาช่วงบ่ายอ่านได้ที่นี่

Read More…

แนะนำ Stackblitz สำหรับการ run React และ Angular จาก Github repository ผ่าน browser

อ่านเอกสารของ Angular ก็พบสิ่งที่น่าสนใจคือ สามารถทำการ run code ที่อยู่ใน Github repository  ผ่าน browser ได้เลย ซึ่งมันทำให้ชีวิตนักพัฒนา Frontend ง่ายขึ้นมาก เพราะว่า ไม่ต้องทำการติดตั้งสิ่งใดเลย เพราะว่า การติดตั้ง dependency ต่าง ๆ บนเครื่องเราใช้เวลาสูงมาก ๆ เพราะว่า การแบ่งปันหรือทำงานร่วมกับคนอื่น ๆ มันยากขึ้นไปอีก ดังนั้นมาลองใช้งาน Stackblitz กันนะ

Read More…