ให้เรตสมาชิก: 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/

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
อยากทราบวิธีการสร้างปุ่มสำหรับดาวน์โหลดรูป
โดย Ittichai_chupol จ 06 ม.ค. 2020 3:05 pm บอร์ด Programming - PHP
1
41
อ 14 ม.ค. 2020 2:00 pm โดย mindphp
สอบถาม ubuntu เข้าไม่ได้เป็นเพราะอะไร
โดย jirawoot จ 06 ม.ค. 2020 3:04 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
3
74
จ 06 ม.ค. 2020 4:43 pm โดย mindphp
พาทัวร์พัทยา 1 วันในมุมมองของไกด์
โดย benzas00123 จ 06 ม.ค. 2020 2:36 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
52
จ 06 ม.ค. 2020 2:36 pm โดย benzas00123
วิธีการเขียนโคดเพื่ออัพโหลดไฟล์ เข้าไปในโฟลเดอร์ที่ต้องการพร้อมกับข้อมูลของไฟล์ลงฐานข้อมูล โดยใช้ phpbb
โดย Ittichai_chupol จ 06 ม.ค. 2020 2:20 pm บอร์ด PHP Knowledge
0
35
จ 06 ม.ค. 2020 2:20 pm โดย Ittichai_chupol
ต้องทำยังไงถึงจะให้แสดงภาพที่เป็นนามสกุล gif ได้ครับ
โดย jamepiyawat ส 04 ม.ค. 2020 3:26 pm บอร์ด HTML CSS
4
76
จ 06 ม.ค. 2020 5:28 pm โดย jamepiyawat
วิธีการสร้าง Extension ในส่วนของ User control panel
โดย Ittichai_chupol ศ 03 ม.ค. 2020 1:25 pm บอร์ด PHP Knowledge
0
40
ศ 03 ม.ค. 2020 1:25 pm โดย Ittichai_chupol
ปฏิทินประจําปี 2563 ธีมรูปแบบเงินดิจิตอล
โดย noppadonsk ศ 03 ม.ค. 2020 10:40 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
105
ส 04 ม.ค. 2020 4:37 am โดย mindphp
สวัสดิการที่คนวัยทำงานควรมีเพื่อสร้างความสมดุลชีวิต
โดย medalezga ศ 03 ม.ค. 2020 4:09 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
30
ศ 03 ม.ค. 2020 4:09 am โดย medalezga
B - เข้าเว็ป Leads CRM ไม่ได้
โดย thatsawan พฤ 02 ม.ค. 2020 9:30 pm บอร์ด MD-CRM - Tester
1
5
ศ 03 ม.ค. 2020 6:24 am โดย mindphp
มาแล้ว MDRental ตัวช่วยในการบริหารจัดการพื้นที่สำหรับธุรกิจให้เช่า
โดย prmindphp พฤ 02 ม.ค. 2020 7:33 pm บอร์ด MindPHP News & Feedback
0
73
พฤ 02 ม.ค. 2020 7:33 pm โดย prmindphp
วิธีก่ารแปลง ข้อมมูลจาก Excel เพื่อบันทึกลงในฐานข้อมูล
โดย Ittichai_chupol พฤ 02 ม.ค. 2020 4:58 pm บอร์ด PHP Knowledge
0
1206
พฤ 02 ม.ค. 2020 4:58 pm โดย Ittichai_chupol
อยากทราบวิธีการเรียกใช้งานไฟล์ javascript ได้ทั้งใน phpbb 3.1 กับ phpbb 3.2
โดย Ittichai_chupol พฤ 02 ม.ค. 2020 3:44 pm บอร์ด Programming - PHP
1
62
พฤ 02 ม.ค. 2020 4:09 pm โดย thatsawan
ท่องเที่ยวจังหวัดเชียงราย รู้ไหมจะต้องไป วัดพระแก้ว
โดย Meygrand พฤ 02 ม.ค. 2020 1:18 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
37
พฤ 02 ม.ค. 2020 1:18 pm โดย Meygrand
ปฏิทินประจําปี 2563 อาหารใครสายกิน สารหิวต้องโดน
โดย noppadonsk พฤ 02 ม.ค. 2020 12:31 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
90
พฤ 02 ม.ค. 2020 12:31 pm โดย noppadonsk
ตำแหน่งไฟล์ ที่เก็บ my.cnf ไฟล์ ตั้งค่าระบบของ MySQL เวอร์ชั่นต่างๆ และ ติดตั้งบน OS ต่างๆ
โดย mindphp พ 01 ม.ค. 2020 1:24 pm บอร์ด Linux - Web Server
0
25
พ 01 ม.ค. 2020 1:24 pm โดย mindphp
เปิดใช้งาน log_slow_queries MySQL 5.7 บน Ubuntu
โดย mindphp อ 31 ธ.ค. 2019 5:55 pm บอร์ด Linux - Web Server
0
730
อ 31 ธ.ค. 2019 5:55 pm โดย mindphp
อยากทราบวิธีการแสดงที่มี id ซ้ำกันครับ
โดย jamepiyawat ส 28 ธ.ค. 2019 4:22 pm บอร์ด Programming - PHP
3
80
พฤ 02 ม.ค. 2020 8:47 am โดย tsukasaz
ปฏิทินประจําปี 2563 นักษัตย์ 12 ราศี ของจีนที่เรามักคุ้นเคยกัน
โดย noppadonsk ส 28 ธ.ค. 2019 10:40 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
235
ส 04 ม.ค. 2020 4:38 am โดย mindphp
คำสั่งจาก LINE API บันทึกเรียบร้อยแล้ว แต่ไม่เข้าไปใน inbox e-mail : order@dapper.com [2019-12][002]
โดย thatsawan ศ 27 ธ.ค. 2019 5:56 pm บอร์ด MD-CRM - Tester
2
5
ศ 27 ธ.ค. 2019 9:25 pm โดย mindphp
อยากทราบวิธีการอัพโหลดรูปภาพลงใน9kik'ฐานข้อมูล ของ phpbb
โดย Ittichai_chupol ศ 27 ธ.ค. 2019 4:22 pm บอร์ด Programming - PHP
1
73
ศ 27 ธ.ค. 2019 4:38 pm โดย thatsawan