React and React Native

Tags:
Node Thumbnail

Facebook ประสบความสำเร็จอย่างสูงกับ React เฟรมเวิร์คจาวาสคริปต์ชื่อดังสำหรับสร้างเว็บแอพ (และภายหลังพัฒนาต่อมาเป็น React Native สำหรับสร้างแอพมือถือ) แต่เมื่อ React ถูกนำไปใช้งานอย่างกว้างขวาง ข้อจำกัดของมันเรื่องประสิทธิภาพก็เริ่มเด่นชัด

Facebook แก้ปัญหานี้ด้วยการเขียนแกนของ React ใหม่หมด โดยใช้ชื่อว่า React Fiber

React Fiber มีข้อดีเหนือกว่า React ตัวเดิมหลายอย่าง ทั้งประสิทธิภาพดีกว่า การมีขนาดไฟล์ที่เล็กกว่า ควบคุมตัวแปรและข้อผิดพลาดได้ง่ายกว่า แถมยังการันตีว่า backward compatible กับ React ตัวเดิมทั้งหมด 100% ส่งผลให้นักพัฒนาไม่ต้องแก้ไขโค้ดเก่าแต่อย่างใด

Tags:
Node Thumbnail

Facebook ขยายผลิตภัณฑ์ในสาย React เพิ่มอีกตัว เปิดตัว React VR ไลบรารีสำหรับสร้างเนื้อหาแบบ VR ผ่านเว็บด้วยจาวาสคริปต์

React VR เป็นตัวกลางให้เราสร้างเนื้อหา VR บนเทคโนโลยี WebVR และ WebGL โดยไม่ต้องเขียนเองทั้งหมด และยังใช้สไตล์การเขียนโปรแกรมแบบ React/React Native ที่นักพัฒนาจำนวนมากคุ้นเคย งานที่ได้จะออกมาเป็นฉาก 3 มิติที่มีมุมมองพานอรามา 360 องศา รวมถึงแสดงวิดีโอและเล่นเสียงแบบ immersive รอบทิศทางได้ด้วย

Facebook บอกว่าเลือกสร้างไลบรารี VR สำหรับเว็บขึ้นมาบน React ซึ่งเป็นเฟรมเวิร์คที่ได้รับความนิยมอยู่แล้ว มีชุมชนผู้ใช้งานจำนวนมาก และใช้ประโยชน์จากสถาปัตยกรรมประมวลผลกราฟิกของ React Native ที่แสดงผลภาพโดยเฟรมเรตไม่ตก แม้ทำงานแบบเธร็ดเดียวก็ตาม

Tags:
Topics: 
Node Thumbnail

Facebook ได้เปิดตัวเครื่องมือ Create React Native App ซึ่งเป็นเครื่องมือที่ช่วยให้เริ่มต้นโปรเจค React Native ได้ง่ายขึ้น ซึ่งเป็นโครงการที่ต่อยอดมาจาก Create React App

Tags:
Node Thumbnail

Automattic ผู้พัฒนา WordPress และพัฒนาปลั๊กอินหลายๆ ตัวที่มีชื่อเสียง ล่าสุดได้ประกาศว่าจะนำ React.js มาใช้พัฒนาปลั๊กอิน Jetpack ส่วนผู้ดูแลระบบ ซึ่งขณะนี้อยู่ในช่วงเบต้าและปล่อยให้ทดสอบในกลุ่มผู้ใช้บางส่วนแล้ว

ใครที่ต้องการร่วมทดสอบ Jetpack Beta เวอร์ชัน 4.3 สามารถลงทะเบียนได้ที่ https://jetpack.com/beta/ หากพบปัญหาในการใช้งานรวมถึงแจ้งบั๊กได้ที่ Github ของ Jetpack หรือที่ Beta Feedback

ที่มา : WP Tavern

Tags:
Node Thumbnail

Facebook ออกเครื่องมือตัวใหม่ที่ช่วยสร้างแอพพลิเคชันด้วย React อย่างรวดเร็ว เครื่องมือตัวนี้ใช้ชื่อตรงไปตรงมาว่า Create React App

Create React App เป็นคำสั่งคอมมานด์ไลน์ที่ช่วยอำนวยความสะดวกกับคนที่ต้องการสร้างแอพง่ายๆ ด้วย React แต่ขี้เกียจมาเสียเวลาคอนฟิก ขั้นตอนมีแค่การลงแพ็กเกจ create-react-app ในระบบ npm (ตัวจัดการแพ็กเกจของ Node.js) แล้วสั่ง create-react-app my-app ตามด้วย npm start ก็จะได้เว็บแอพรันอยู่ใน localhost:3000 ของเครื่องเราทันที

Tags:
Node Thumbnail

งาน Facebook F8 ปีที่แล้ว บริษัทเปิดตัว React Native ไลบรารีสำหรับสร้าง Native UI บนระบบปฏิบัติการต่างๆ ด้วยภาษา JavaScript (เขียนเป็น JavaScript แล้วไลบรารีแปลงเป็น Native UI ให้)

ที่ผ่านมา React Native รองรับ iOS และ Android เพียงสองระบบเท่านั้น แต่เมื่อคืนนี้ในงาน F8 เราก็ได้เห็น Facebook จับมือกับไมโครซอฟท์ พัฒนาให้ React Native รองรับการสร้างแอพ Universal Windows Platform (UWP) เป็นระบบที่สาม

Tags:
Node Thumbnail

เมื่อต้นปีนี้ Facebook เปิดตัว React Native ไลบรารีจาวาสคริปต์สำหรับสร้าง UI แอพมือถือแบบเนทีฟ โดยเริ่มต้นจากเวอร์ชัน iOS ก่อน

วันนี้ React Native for Android ออกตามมาแล้ว โดยผลงานแอพตัวอย่างที่สร้างด้วย React Native คือแอพ Facebook Ads Manager ที่หลายคนอาจเคยใช้กันมาบ้างแล้ว

Facebook ยังอธิบายเบื้องหลังการพัฒนา React Native ควบคู่ไปกับแอพ Ads Manager ด้วย ใครสนใจก็ตามไปอ่านประวัติได้จากต้นทาง

ที่มา - Facebook Code

Tags:
Node Thumbnail

ถ้ายังจำกันได้ สมัยสมาร์ทโฟนยุคแรกๆ แอพ Facebook มีคุณภาพเข้าขั้นเลวร้ายอยู่นาน ก่อนที่บริษัทจะประกาศนโยบาย mobile-first เราถึงเห็นแอพ Facebook พัฒนาขึ้นอย่างก้าวกระโดดในภายหลัง

Adam Wolff วิศวกรอาวุโสของ Facebook ออกมาเผยเบื้องหลังว่าเรื่องนี้ไม่ง่ายเลย เพราะเดิมที Facebook ไม่ได้ถูกออกแบบมาสำหรับอุปกรณ์พกพา สุดท้ายแล้วบริษัทต้องกลับไปวางสถาปัตยกรรมโค้ดใหม่หมด เพื่อให้สามารถสร้างผลิตภัณฑ์ที่มีฟีเจอร์เหมือนกันทั้งบนเดสก์ท็อปและอุปกรณ์พกพา ไม่ต้องแยกเวอร์ชันกันเหมือนในอดีต

Wolff บอกว่าภายหลังการเปลี่ยนแปลง ทุกคนมองย้อนกลับไปแล้วประเมินว่าคุ้มค่าเสียเวลา แต่กระบวนการนั้นช่างเจ็บปวดเหลือเกิน (it was extremely painful)

Tags:
Node Thumbnail

Facebook เปิดตัวเครื่องมือพัฒนาโปรแกรม (IDE) ของตัวเองในชื่อ Nuclide

Nuclide สร้างขึ้นบนโปรแกรมแก้ไขข้อความ Atom ที่ริเริ่มโดย GitHub (รีวิว Atom โปรแกรมแก้ไขข้อความแห่งอนาคต) แล้วผนวกเอาเทคโนโลยีด้านโปรแกรมมิ่งของตัวเองเข้าไป

Tags:
Node Thumbnail

Facebook มีโครงการ React (หรือชื่อเดิมคือ ReactJS) เป็นไลบรารีจาวาสคริปต์สำหรับสร้าง UI บนเว็บ (แนวคิดคือแยกคอมโพเนนต์) โครงการนี้มีคนนำไปใช้งานสร้างเว็บแอพเป็นจำนวนมาก แต่ข้อจำกัดของมันคือสร้างได้เฉพาะเว็บเท่านั้น

งาน F8 เมื่อคืนนี้ Facebook ออกมากำจัดจุดอ่อนนี้ด้วย React Native หรือการนำคอมโพเนนต์ของ React ไปแสดงผลเป็น native UI บน iOS และ Android แทนการวาด div/span สำหรับเว็บ ทำให้นักพัฒนาที่สร้างเว็บด้วย React อยู่แล้วสามารถแปลงมันไปเป็นแอพได้ไม่ยากนัก

Pages