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

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

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

User avatar
Wallapa
PHP Super Member
PHP Super Member
Posts: 343
Joined: 30/10/2017 10:22 am

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

Post by Wallapa »

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

    Code: Select all

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

    Code: Select all

    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
    Replies
    Views
    Last post

Return to “Share Knowledge”

Who is online

Users browsing this forum: No registered users and 18 guests