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