React (รีแอกซ์) คือ อะไร?

หมวดสำหรับแบ่งบันความ รู้ต่างๆ จะมีหมวดย่อยๆ ในหมวดนี้ เช่น php, SQL, XML, CSS

Moderator: mindphp, ผู้ดูแลกระดาน

ภาพประจำตัวสมาชิก
Wallapa
PHP Super Member
PHP Super Member
โพสต์: 343
ลงทะเบียนเมื่อ: 30/10/2017 10:22 am

React (รีแอกซ์) คือ อะไร?

โพสต์ที่ยังไม่ได้อ่าน โดย Wallapa »

  • react.png
    react.png (29.14 KiB) Viewed 4612 times
  • React เป็นเทคโนโลยีหนึ่งที่มาแรงมาก ๆ ทั้งในไทยและต่างประเทศ โดยสร้างมาจากพื้นฐานแนวความคิดแบบ MVC (Model View Controller) ซึ่งหมายถึงว่า React มีหน้าที่จัดการกับ Model หรือ View แต่สว่นใหญ่จะเป็น View ก่อนหน้านั้นเวลาจะเขียนหน้าเว็บ เราก็จะทำผ่าน HTML เช่น

    โค้ด: เลือกทั้งหมด

    <div class="hello-world-container">
        <h1>Hello World</h1>
    </div>
    แต่ใน React ถ้าจะสร้างหน้าเว็บขึ้นมาได้นั้น เราจะใช้เป็น Component เปรียบได้ว่า Component เป็น block ส่วนย่อยของเว็บเราที่จะสร้างออกมา โดยเราจะเขียนโค้ดภาษา JavaScript เพื่ออธิบายหน้าตา ของ block นั้นๆ มา แทนที่เราจะเขียนใน HTML แทน เช่น

    โค้ด: เลือกทั้งหมด

    ReactDOM.render(
        <h1>Hello, world!</h1>,
        document.getElementById('root')
    );
    1. React เป็น Javascript Libraly สร้างและพัฒนาขึ้นโดย Facebook เขียนได้แค่ UI เท่านั้น และเปิดให้ใช้ฟรี
    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 ที่ยังไม่ยค่อยดี ในอนาคตอาจจะมีการพัฒนาอีก
    อ้างอิง : https://www.babelcoder.com, https://reactjs.org/
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: facebook.com [Crawler] และบุคลทั่วไป 70