วันนี้มาตัว jsx Conditional Rendering เริ่มจาก Code ก่อนเลย แล้วมาดูผลลัพธ์กัน จริงๆ Conditional Rendering ทำได้ประมาณ 3-4 แบบนะ จาก Code ด้านบนผมตจะลองแบบ TERNARY operator / if เดี๋ยวลองมาดูจริงๆกันบ้าง แบบ if, else, else if / switch จริงๆ มันคล้ายๆกันนะ แอบเปลืองด้วย ถ้ามีเคสจริงๆ คงใช้ Nested Ternary Operator
Component ส่วนประกอบของหน้าเว็บเรา ว่าจะส่วนไหน เมนู ส่วนแสดงผลหลัก เป็นต้น โดยตัว Component รับ Input อะไรก็ได้ Text / Number หรือ แม้แต่ตัว Component เอง แต่เจ้า jsx return ได้ 1 element เท่านั้น Create Component with props – Sample – Result ถ้าส่ง Undefine ผ่าน มันถือว่าส่ง แต่อันแรกไม่รอด โดย Validation…
Type of HTML in JSX/TSX Sample Code Result
สำหรับงาน BARCAMP Bangkok 2016 สำหรับปีนี้้จัดที่ TKPark ครับ งานนี้น่าจะเป็นครั้งแรกที่ผมเข้ามาเลย หลังจากพยายามไปเข้าฟังงาน Share Idea พวกนี้มาเกือบ 3 ปี ตั้งแต่เรียนจบมาครับ โดยรูปแบบงานคล้ายกับ Agile Thailand แต่เปิดกว้างมาอยากพูด หรือแชร์อะไรก็ได้ ไม่จำเป็นต้องเป็นหัวข้อด้าน IT ครับ โดยมี Concept ง่ายๆ 3 อย่างครับ เมื่อได้หัวข้อมาแล้วทางทีมงานก็จะมาจัดให้ลงตาม Slot เวลาที่มีครับ แต่ถ้ามีหัวข้อมากเกินกว่า Slot ก็จะให้ทำการ Vote ครับ โดยในปีนี้กำหนด Session ละ 40…
