ประสบการณ์การเข้า Workshop React โดย P’PanJ GDE in Web Technologies

อย่างแรกเลย ต้องขอบคุณทาง Skooldio ที่มอบคอร์สนี้ให้กับเด็กฝึกงาน หวังว่าคงจะไม่ตัดเงินเดือนของผมไปจริงๆ นะครับ ฮ่าๆ ซึ่ง workshop นี้จัดอยู่ที่ร้าน Growth cafe & co ชั้น 3

เข้ามาก็ได้ของทันที React/Redux Cheasheet

เป็น cheatsheet ที่ละเอียดและสวยงามมากกกกก

ภายในคอร์สนี้มันมีอะไรบ้างคร่าวๆ

• Javascript Basics Recap จะมีพวก Arrow function, Map, Filter, DOM Tree, Object Destructuring และ Object Spread เป็นต้น
• Why React? ทำไมต้อง React? ส่วนประกอบต่างๆ Props, State, Life Cycle , ลักษณะโครงสร้างภายใน project ที่ดีมันควรเป็นอย่างไร
• Redux ทำไมต้องใช้ Redux มันแก้ไขในเรื่องอะไร ส่วนประกอบต่างๆ Action Creator, Dispatcher, Redux Middleware (อีกเยอะ)
• Testing in React การเขียน Test ใน React/Redux Application
• Higher-Order Components(HOC)
• Recompose
• Library ตัวอื่นที่น่าสนใจ เช่น react-router, redux-thunk, Next.js, antd บราๆๆ

มาเริ่มดู Workshop หลักๆ กันบ้างว่าเป็นอย่างไร

• Evenn Registration Form เป็นการฝึกใช้ React ตั้งแต่เบื้องต้น โดยจะสร้าง Form และแต่งหน้าให้ดีขึ้นโดยใช้ Bulma หลังจากนั้นเริ่มใช้ Redux ในการเก็บ State ไว้ที่เดียวตามหลักของ Single Source of Truth และใช้ redux-promise-middleware ในการจัดการกับ asynchronous actions และสุดท้ายมาใช้ Recompose เหมือนกับการโด๊ปยาให้กับ Component นั้นเอง

• Image-search workshop นี้จะทำ website สำหรับการค้นหารูปภาพ โดยใช้ API ของ Unsplash โดยส่วนใหญ่แล้วจะให้ทำเองเกือบทั้งหมด ใช้ axios ในการในการดึงข้อมูลรูปภาพ และจัดการ asynchronous actions ด้วย redux-promise-middleware

โดยสรุปแล้วนั้น…

เป็น 2 วันที่คุ้มค่ามากๆ สำหรับทุกคนที่สนใจในด้านนี้ ทั้งมือใหม่และคนที่อยากจะทบทวน เข้าใจได้ง่าย เกิดปัญหาอะไร สามารถถามได้ตลอด มีทริคที่น่าสนใจและเป็นประโยชน์ให้อยู่เสมอ ถ้าหากว่าใครสนใจ แนะนำว่าควรลงคอร์สนี้จริงๆ ได้เจอเพื่อนร่วมห้องที่ไม่รู้จักมาก่อน สำหรับผมได้เจอเพื่อนที่จะฝึกงานอีกด้วย หวังว่าจะมีคอร์สดีๆ อย่างงี้ออกมาอีกนะครับ :)

ภาพกิจกรรมบางส่วน