Sponsored Session by KBTG - JavaScript Bangkok 1.0.0

คุณ Nattapon Rattajak, full stack JavaScript developer จาก KBTG จะพาคุณไปทำความเข้าใจ React Practice ผ่านการเรียนรู้ functional programming ใน JavaScript การบรรยายนี้จะพูดถึง feature สำคัญๆ ของ JavaScript ที่เป็นพื้นฐานของ functional programming เช่น first-class function, anonymous function และ closure พร้อมทั้งอธิบาย key concept สำคัญ 5 ประการของ functional programming ได้แก่ pure function, function composition, การหลีกเลี่ยง shared state, การหลีกเลี่ยง mutate state และการหลีกเลี่ยง side effect และเรียนรู้วิธีประยุกต์ใช้ concept เหล่านี้ในการพัฒนา React application อย่างมีประสิทธิภาพ ไม่ว่าจะเป็นการสร้าง pure component, การจัดการ side effect และการใช้ immutable data structure มาร่วมเรียนรู้เทคนิคการเขียนโค้ด React ที่สะอาด, เข้าใจง่าย และง่ายต่อการทดสอบ กับคุณณัฐพลในวิดีโอนี้

00:00 | แนะนำสปอนเซอร์ KBTG และหัวข้อเกี่ยวกับ React และ Functional Programming
01:13 | แนะนำตัววิทยากรและหัวข้อที่จะพูด
01:41 | ความสำคัญของ Functional Programming ในการพัฒนา JavaScript โดยเฉพาะ React
02:25 | Functional Programming คืออะไรและข้อดี
02:50 | หัวข้อที่จะพูดถึง: JavaScript Feature, Key Concept และการประยุกต์ใช้กับ React
03:16 | JavaScript Feature ที่ทำให้เกิดการเขียนโค้ดแบบ Functional Programming
03:31 | First-class Function, Anonymous Function, Higher-order Function และ Closure
05:17 | Key Concept ของ Functional Programming: 5 หลักการสำคัญ
05:36 | Pure Function: ฟังก์ชันที่ให้ Output เดิมๆ เสมอและไม่ทำ Side Effect
06:29 | Function Composition: การรวมฟังก์ชันหลายๆ ตัวเข้าด้วยกัน
07:07 | Avoid Shared State: หลีกเลี่ยงการใช้ Data ร่วมกัน
08:09 | Avoid Mutate State: หลีกเลี่ยงการแก้ไขค่า Object ตรงๆ
09:02 | Avoid Side Effect: หลีกเลี่ยงการเข้าถึง Context ด้านนอก
09:37 | การประยุกต์ใช้ Functional Programming กับ React Application
09:48 | ตัวอย่าง: การสร้าง Header Component ด้วย Function Composition
10:40 | ตัวอย่าง: ปัญหาจาก Shared State และ Mutation ใน React Component
11:25 | การจัดการ Side Effect ใน React Application
12:34 | การใช้ Immutable Data Structure Library ในการแก้ไข Global State
13:01 | สรุปหลักการ Functional Programming และแนะนำงาน Meetup
14:03 | ขอบคุณวิทยากรและประกาศพักเบรก

--------------------------------------------
Event: JavaScript Bangkok 1.0.0
https://2019.javascriptbangkok.com/

Organized by: Software Developer Community
https://javascriptbangkok.com
--------------------------------------------
Recorded by LiveTubeX and published by Creatorsgarten.
https://www.livetubex.com/

Website:
https://creatorsgarten.org

Facebook:
  / creatorsgarten  

Please consider supporting us by subscribing to the channel, and follow upcoming events via our Facebook pages.

For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances.
[email protected]

To edit the video metadata (title, description, timestamps, thumbnail, etc.), please visit:
https://grtn.org/e/jsbkk1/v/spon-kbtg...