ให้เรตสมาชิก: 3 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

React คืออะไร

 

React

React.pic

 

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

หน้าตาของโค้ดก็จะประมาณนี้ :

<div class="hello-world-container">
    <h1>Hello World</h1>
</div>

     แต่ใน React ถ้าจะสร้างหน้าเว็บขึ้นมาได้นั้น เราจะใช้เป็น Component เปรียบได้ว่า Component เป็น Block ส่วนย่อยของเว็บเราที่จะสร้างออกมา โดยเราจะเขียนโค้ดภาษา JavaScript เพื่ออธิบายหน้าตา ของ block นั้นๆมา เวลาแสดงผลบนหน้า Page เราจะเรียก Component ออกมาแสดงผล

หน้าตาของโค้ดก็จะประมาณนี้ :

ReactDOM.render(
    <h1>Hello, world!</h1>,
    document.getElementById('root')
);

สรุปง่ายๆ มีดังนี้

  • React เป็น Javascript Libraly สร้างและพัฒนาขึ้นโดย Facebook เขียนได้แค่ UI เท่านั้น และเปิดให้ใช้ฟรี

  • React ใช้โค้ด HTML , CSS และ Javascript

  • 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://reactjs.org/

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
อยากทราบวิธีการแก้ไขปัญหาการ อัพโหลดไฟล์ excel แล้วไม่รองรับภาษาไทย
โดย Ittichai_chupol ศ 17 ม.ค. 2020 5:58 pm บอร์ด Programming - PHP
7
201
จ 20 ม.ค. 2020 2:05 pm โดย saravana
ต้องการนับจำนวนอักษรเเละตัดอักษรที่เกิน มีปัญหากับภาษาไทย
โดย thatsawan ศ 17 ม.ค. 2020 5:18 pm บอร์ด Programming - C/C++ & java & Python
0
75
ศ 17 ม.ค. 2020 5:18 pm โดย thatsawan
สอบถามครับ ลูปค่าออกมาแล้วต้องการให้มันเก็บค่าในตัวแปร ต้องทำยังไงครับ
โดย chatee supasand ศ 17 ม.ค. 2020 3:51 pm บอร์ด Programming - C/C++ & java & Python
3
172
ศ 17 ม.ค. 2020 5:19 pm โดย thatsawan
อยากทราบวิธีก่ารเปิด exe ใน ubutu เวอชั่น 14
โดย Ittichai_chupol ศ 17 ม.ค. 2020 2:33 pm บอร์ด Programming - PHP
2
184
ศ 17 ม.ค. 2020 4:14 pm โดย Ittichai_chupol
วิธีการสร้างระบบชำระเงินด้วย omise โดยใช้ php
โดย Ittichai_chupol พฤ 16 ม.ค. 2020 6:53 pm บอร์ด PHP Knowledge
0
122
พฤ 16 ม.ค. 2020 6:53 pm โดย Ittichai_chupol
Pillow library กับการ เปลี่ยนนามสกุล img ทีเดียวหลายๆ file
โดย benzas00123 พฤ 16 ม.ค. 2020 5:45 pm บอร์ด Python Knowledge
0
66
พฤ 16 ม.ค. 2020 5:45 pm โดย benzas00123
Pillow library ในการจัดการและประมวลผลรูปภาพ
โดย benzas00123 พฤ 16 ม.ค. 2020 5:04 pm บอร์ด Python Knowledge
0
126
พฤ 16 ม.ค. 2020 5:04 pm โดย benzas00123
ความแตกต่างระหว่าง visibility: hidden; กับ display: none;
โดย Ittichai_chupol พ 15 ม.ค. 2020 6:44 pm บอร์ด CSS Knowledge
0
167
พ 15 ม.ค. 2020 6:44 pm โดย Ittichai_chupol
ตัวอย่าง การ Query ข้อมูลทีเป็นที่ได้ผลการค้นหา
โดย mindphp พ 15 ม.ค. 2020 6:40 pm บอร์ด Programming - C/C++ & java & Python
0
85
พ 15 ม.ค. 2020 6:40 pm โดย mindphp
สอบถามครับ ทำไมสร้างตารางฐานข้อมูลแล้ว มันไม่ใน ใน pg
โดย chatee supasand พ 15 ม.ค. 2020 5:55 pm บอร์ด Programming - C/C++ & java & Python
4
118
พ 15 ม.ค. 2020 6:07 pm โดย thatsawan
ขอสอบถาม error ของ flask ครับ
โดย benzas00123 พ 15 ม.ค. 2020 10:44 am บอร์ด Programming - C/C++ & java & Python
4
118
พ 15 ม.ค. 2020 10:53 am โดย benzas00123
สอบถาม code ของ Flask หน่อยครับว่ามันเอาไว้ใช้ทำอะไร
โดย benzas00123 อ 14 ม.ค. 2020 4:50 pm บอร์ด Programming - C/C++ & java & Python
3
131
พ 15 ม.ค. 2020 5:54 am โดย mindphp
วิธีการเพิ่มส่วนการแสดงในหน้าสมัครสมาชิกของ เว็บบอร์ด phpbb
โดย Ittichai_chupol อ 14 ม.ค. 2020 3:19 pm บอร์ด PHP Knowledge
0
101
อ 14 ม.ค. 2020 3:19 pm โดย Ittichai_chupol
อยากทราบวิธีการแก้ไขปัญหา การเปิดใช้งาน xampp
โดย Ittichai_chupol อ 14 ม.ค. 2020 11:11 am บอร์ด Programming - PHP
6
2367
อ 14 ม.ค. 2020 3:20 pm โดย Ittichai_chupol
การแปลงข้อมูลที่ดึงมาจาก database ที่เป็น list ให้เป็น string เพื่อนำมาใช้ประโยชน์ในด้านต่างๆ
โดย benzas00123 จ 13 ม.ค. 2020 5:34 pm บอร์ด Python Knowledge
0
83
จ 13 ม.ค. 2020 5:34 pm โดย benzas00123
การใช้ os.walk ในการหานามสกุลไฟล์ที่ต้องการทั้งหมดที่อยู่ใน Project
โดย benzas00123 จ 13 ม.ค. 2020 3:09 pm บอร์ด Python Knowledge
0
98
จ 13 ม.ค. 2020 3:09 pm โดย benzas00123
ปฏิทินประจําปี 2563 ธีมรูปแบบญี่ปุ่น
โดย noppadonsk จ 13 ม.ค. 2020 2:32 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
158
จ 13 ม.ค. 2020 2:32 pm โดย noppadonsk
ขอสอบถามวิธํีการ split tuple หน่อยครับ
โดย benzas00123 จ 13 ม.ค. 2020 11:17 am บอร์ด Programming - C/C++ & java & Python
7
150
จ 13 ม.ค. 2020 12:11 pm โดย benzas00123
มีปัญหากับ do-while ค่ะ
โดย mashato ส 11 ม.ค. 2020 10:03 pm บอร์ด Programming - C/C++ & java & Python
1
125
อ 12 ม.ค. 2020 5:40 pm โดย mindphp
ขอทราบวิธีการติดตั้ง pgadmin 4 บน ubuntu ครับ
โดย benzas00123 ส 11 ม.ค. 2020 4:30 pm บอร์ด SQL - Database
8
183
ส 11 ม.ค. 2020 5:38 pm โดย benzas00123