Win Eiwwongcharoenลองเล่น Framer Motion (ตอนที่ 1): เริ่มต้นทำ Animation ง่ายๆ บน React ด้วย Framer Motionวิบวับๆ กับ React และ Framer MotionFeb 26, 20201Feb 26, 20201
Win Eiwwongcharoenลองเล่น react-testing-library (ตอนที่ 2): ทดสอบ user events ด้วย fireEventหลังจากที่ในตอนที่ 1 เราได้เริ่มต้นตั้งค่า react-testing-library ในโปรเจคและได้ลองใช้ getByText และ rerender เพื่อทำการ test…Mar 10, 2019Mar 10, 2019
Win Eiwwongcharoenลองเล่น react-testing-library (ตอนที่ 1) : เริ่มต้นติดตั้งและเรียกใช้งาน react-testing-libraryเมื่อก่อนเวลาพูดถึงการเขียน unit test สำหรับ React components ก็คงนึกถึง Enzyme ของ Airbnb ที่ถือว่าเป็น library มาตรฐานสำหรับการเขียน…Feb 17, 2019Feb 17, 2019
Win Eiwwongcharoenรีด Array[…] ให้เรียบด้วย flat( ) และ flatMap( ) ใน JavaScriptบางทีการทำงานกับ array เราก็อาจจะเคยเจอกับปัญหาเรื่องของ array ซ้อนกัน ซึ่งถ้าใช้วิธีถึกหน่อยก็ต้องวน loop หรือใช้วิธีการ reduce…Jan 20, 2019Jan 20, 2019
Win Eiwwongcharoenเพิ่มความสามารถให้กับ Functional Component ด้วย React Hooks จาก React 16.7.0ช่วงนี้ดูเหมือนทีมงาน React จะขยันเป็นพิเศษ เพราะมีปล่อยอัพเดทพร้อมฟีเจอร์ใหม่ออกมาให้เราได้ลองใช้ลองเล่นกันแบบรัวๆ…Nov 2, 2018Nov 2, 2018
Win Eiwwongcharoenมาเข้าใจความแตกต่างระหว่าง slice() กับ splice() ของ Array[…] กันเถอะชื่อนี้มีแต่ความสับสนOct 19, 2018Oct 19, 2018
Win EiwwongcharoenCreate React App 2.0 มาแล้ว! อัพเดทเป็น Babel 7 และ webpack 4 พร้อมรองรับ CSS Modules ตั้งแต่ต้นอัพเลย อัพเลยOct 2, 2018Oct 2, 2018
Win Eiwwongcharoen.push(), .pop(), .shift() และ .unshift() เพิ่มค่า ตัดค่า ได้ทั้งหน้าและหลังของ Array[…]เอาค่าเข้า ดึงค่าออก ไม่ยากอย่างที่คิดOct 1, 2018Oct 1, 2018
Win Eiwwongcharoen.find(), .findIndex(), .indexOf() และ .includes() ตามหาสิ่งที่ใช่ ในสิ่งที่มีจาก Array[…]จะเจอไม่เจอ?Sep 24, 20181Sep 24, 20181
Win Eiwwongcharoen.map(), .filter() และ .reduce() สามทหารเสือในการจัดการกับ Array[…]หมดยุคของ for loopSep 10, 20181Sep 10, 20181