ReactWeb Developer

เขียน React สนุกกว่าเดิม ด้วย Google Chrome Extension พวกนี้

เรื่องที่เกี่ยวข้อง - Google Chrome Extension, Google Chrome Extension for React, React, React Native

Google Chrome เป็นหนึ่งในโปรแกรมเว็บเบราเซอร์ที่มีส่วนเสริม (Extension) ที่เพิ่มพลังมากมายให้กับนักพัฒนาที่ใช้ HTML, CSS, Javascript ทำงาน ซึ่งตอนที่โค้ชพลเริ่มมาใช้ ReactJS และ React Native ก็ได้หาส่วนเสริมดีๆ มารวบรวมไว้ที่นี่

โดยจะกลับมาอัพเดตเรื่อยๆ ล่าสุดมีอะไรบ้าง มาดูกันเลยครับ

  1. React Developer Tools
  2. React Detector

เปิดอบรม React Native สำหรับผู้เริ่มต้น

ปูพื้นฐาน React และ React Native เข้าใจง่าย, ใช้ได้จริง, เนื้อหาใช้ในการทำแอพ Enterprise ขององค์กรได้

1. React Developer Tools

Google Chrome extension - React Developer Tools

ส่วนเสริมตัวนี้จะทำให้เราสามารถ Debug โค้ดส่วนที่เขียนด้วย React ได้ใน Chrome Developer Tools ครับ โดยจะมี React ขึ้นมาเป็นตัวเลือก โดยเราสามาถเข้าไปลองเปลี่ยนค่าที่อยู่ใน React component แบบ real-time ได้เหมือนกับ HTML, CSS, หรือ Javascript ตามปกติ

เข้าไปดาวน์โหลดมาใส่ Google Chrome ของตัวเองได้ที่นี่

2. React Detector

Google Chrome extension - React Detector

เป็น Chrome Extension ที่จะบอกเราว่าบนหน้าเว็บที่เราเปิดดูอยู่นั้น มีการใช้ React อยู่บ้างหรือเปล่า

โดยจะขึ้นเป็นไอคอนใน Address bar ของ Google Chrome ดังภาพตัวอย่างด้านบนครับ

เข้าไปดาวน์โหลดมาใส่ Google Chrome ของตัวเองได้ที่นี่

เปิดอบรม React Native สำหรับผู้เริ่มต้น

ปูพื้นฐาน React และ React Native เข้าใจง่าย, ใช้ได้จริง, เนื้อหาใช้ในการทำแอพ Enterprise ขององค์กรได้

เริ่มต้นยุค AI ด้วยคอร์สฟรี และพรีเมี่ยม กับพล

หากชอบสิ่งที่พลเล่า เรื่องที่พลสอน สามารถสนับสนุนพลโดยการเข้าเรียนคอร์สออนไลน์ของพลนะคร้าบ

  • เข้าใจง่าย ใช้ได้จริง ออกแบบการสอนอย่างเข้าใจโดยโค้ชพล
  • มีคอร์สสำหรับคนใช้งานทั่วไป จนถึงเรียนรู้เพื่อใช้งานในสายอาชีพขั้นสูง
  • ทุกคอร์สมีใบประกาศณียบัตรรับรองหลังเรียนจบ

เราใช้คุกกี้เพื่อพัฒนาประสิทธิภาพ และประสบการณ์ที่ดีในการใช้เว็บไซต์ของคุณ คุณสามารถศึกษารายละเอียดได้ที่ นโยบายความเป็นส่วนตัว และสามารถจัดการความเป็นส่วนตัวเองได้ของคุณได้เองโดยคลิกที่ ตั้งค่า

Privacy Preferences

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็น

Allow All
Manage Consent Preferences
  • Always Active

Save