- React เป็นเทคโนโลยีหนึ่งที่มาแรงมาก ๆ ทั้งในไทยและต่างประเทศ โดยสร้างมาจากพื้นฐานแนวความคิดแบบ MVC (Model View Controller) ซึ่งหมายถึงว่า React มีหน้าที่จัดการกับ Model หรือ View แต่สว่นใหญ่จะเป็น View ก่อนหน้านั้นเวลาจะเขียนหน้าเว็บ เราก็จะทำผ่าน HTML เช่น
แต่ใน React ถ้าจะสร้างหน้าเว็บขึ้นมาได้นั้น เราจะใช้เป็น Component เปรียบได้ว่า Component เป็น block ส่วนย่อยของเว็บเราที่จะสร้างออกมา โดยเราจะเขียนโค้ดภาษา JavaScript เพื่ออธิบายหน้าตา ของ block นั้นๆ มา แทนที่เราจะเขียนใน HTML แทน เช่น
โค้ด: เลือกทั้งหมด
<div class="hello-world-container"> <h1>Hello World</h1> </div>
1. React เป็น Javascript Libraly สร้างและพัฒนาขึ้นโดย Facebook เขียนได้แค่ UI เท่านั้น และเปิดให้ใช้ฟรีโค้ด: เลือกทั้งหมด
ReactDOM.render( <h1>Hello, world!</h1>, document.getElementById('root') );
2. React ใช้โค้ด HTML , CSS และ Javascript
3. React มี 3 คอนเซปที่เราต้องเรียนรู้ คือ Component State และ Props
ข้อดีและข้อเสียของ React
- ข้อดี- Component เข้าใจง่าย เราสามารถเรียนรู้ได้ด้วยตัวเอง
Tool เยอะ แค่ React อย่างเดียวก้เขียเว็บได้ทั้งเว็บแล้ว โดยไม่ต้องหา Tool เพิ่มเติม และยังมี Tool พัฒนาออกมาอยู่เรื่อยๆ
สามารถทำ App ได้ React มีเครื่องมือหนึ่งที่ชื่อว่า React Native เป็นการเขียน JavaScript แล้วแปลงเป็น App แบบ Native ได้ทั้งบน Android และ iOS
- ต้องมีพื้นฐานใน Javascript ในระดับหนึ่ง คนที่สนใจเรียนก็จะลำบากนิดนึงถ้าไม่ได้มีพื้นฐาน Javascript อาจจะต้องใช้เวลาสักนิดนึง
Documentation อ่านยาก React มี Documentation ที่ยังไม่ยค่อยดี ในอนาคตอาจจะมีการพัฒนาอีก
- Component เข้าใจง่าย เราสามารถเรียนรู้ได้ด้วยตัวเอง
React (รีแอกซ์) คือ อะไร?
Moderator: mindphp, ผู้ดูแลกระดาน
- Wallapa
- PHP Super Member
- โพสต์: 343
- ลงทะเบียนเมื่อ: 30/10/2017 10:22 am
React (รีแอกซ์) คือ อะไร?
-
- Similar Topics
- ตอบกลับ
- แสดง
- โพสต์ล่าสุด
-
-
โพสต์ใหม่ How to Add Animation and Transitions to React Components?
โดย Codalien » 06/11/2023 2:33 pm » ใน JavaScript & jQuery Ajax & Node.JS - 0 ตอบกลับ
- 5277 แสดง
-
โพสต์ล่าสุด โดย Codalien
06/11/2023 2:33 pm
-
-
-
โพสต์ใหม่ react js ไม่สามารถ get data มาไว้บนหน้า web โดยการ select จาก ID ได้
โดย kikkokkikkik » 18/01/2022 4:10 pm » ใน JavaScript & jQuery Ajax & Node.JS - 1 ตอบกลับ
- 1127 แสดง
-
โพสต์ล่าสุด โดย mindphp
19/01/2022 7:30 am
-
-
-
โพสต์ใหม่ Component (คอมโพแนนท์) State (เสตท) และ Props (พร็อพ) คอนเซ็ปของ React (รีแอกซ์)
โดย Wallapa » 31/10/2017 2:26 pm » ใน Share Knowledge - 0 ตอบกลับ
- 1135 แสดง
-
โพสต์ล่าสุด โดย Wallapa
31/10/2017 2:26 pm
-
-
-
โพสต์ใหม่ บัญชีพัก คือ อะไร
โดย EyePornnipa » 24/07/2019 6:10 pm » ใน Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี - 0 ตอบกลับ
- 7284 แสดง
-
โพสต์ล่าสุด โดย EyePornnipa
24/07/2019 6:10 pm
-
-
-
โพสต์ใหม่ งบแสดงฐานะการเงิน คือ อะไร ?
โดย Chidchanok » 25/01/2019 10:43 am » ใน Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี - 0 ตอบกลับ
- 1770 แสดง
-
โพสต์ล่าสุด โดย Chidchanok
25/01/2019 10:43 am
-
-
-
โพสต์ใหม่ อากรแสตมป์ คือ อะไร ?
โดย Chidchanok » 04/03/2019 4:53 pm » ใน Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี - 0 ตอบกลับ
- 3366 แสดง
-
โพสต์ล่าสุด โดย Chidchanok
04/03/2019 4:53 pm
-
-
- 0 ตอบกลับ
- 651 แสดง
-
โพสต์ล่าสุด โดย Patipat
20/06/2019 2:54 pm
ผู้ใช้งานขณะนี้
สมาชิกกำลังดูบอร์ดนี้: facebook.com [Crawler] และบุคลทั่วไป 70