Flutter vs React Native: สิ่งที่ควรเลือกสำหรับการพัฒนาแอพมือถือ?

React Native โดย Facebook และ Flutter ของ Google ได้สร้างความฮือฮาอย่างมากเมื่อเร็ว ๆ นี้ในขณะที่แข่งขันกันเองเพื่อตัดสินว่าเฟรมเวิร์กใดดีที่สุด ในบทความนี้ เราจะมาดูกันว่าพวกเขามารวมกันในอุตสาหกรรมนี้ได้อย่างไร

• Flutter คืออะไร?
• React Native คืออะไร?
• ความแตกต่างระหว่าง Flutter และ React Native: รูปภาพที่มีรายละเอียด
• Flutter สำหรับ React Native
• มีอะไรใหม่ใน Flutter
• มีอะไรใหม่ใน React Native?
• คำถามที่พบบ่อยเกี่ยวกับ Flutter Vs React Native Debate

มีบางครั้งที่อุตสาหกรรมการพัฒนาแอปบนอุปกรณ์เคลื่อนที่ถูกจำกัดให้พัฒนาแอปทีละรายการสำหรับ iOS และ Android แต่ตารางได้เปลี่ยนไปแล้ว 100%

วันนี้ การลงทุนในบริษัทพัฒนาแอพมือถือที่มีความเป็นเลิศในการพัฒนาแอพเดียวที่สามารถทำงานได้ทั้งบน Android และ iPhone บนฐานรหัสเดียว กลายเป็นวาระธุรกิจที่ทันสมัย

ทุก คำแนะนำเกี่ยวกับการพัฒนาแอปข้ามแพลตฟอร์ม ระบุว่า 'เทรนด์' กลายเป็นกระแสหลักเมื่อ Facebook เปิดตัวและเผยแพร่เฟรมเวิร์กการพัฒนาแอปข้ามแพลตฟอร์มที่เรียกว่า React Native ย้อนกลับไปในปี 2558

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

และด้วยเหตุนี้โดยไม่ต้องสงสัยเลย React Native จึงได้รับความนิยมและภาพยอดนิยมอย่าง LinkedIn, Instagram, Walmart และอื่น ๆ ถูกย้ายไปที่แพลตฟอร์ม

ความนิยมที่ลดลงซึ่งค่อนข้างส่งผลกระทบในเดือนมีนาคม 2018

Google ในงาน Mobile World Congress ได้ประกาศ เปิดตัว SDK ข้ามแพลตฟอร์มของตนเองชื่อ Flutter และในเวลาเพียงไม่กี่เดือน การพัฒนาแอพ M obile โดยใช้ flutter ได้เริ่มผลัก React Native ให้ได้รับส่วนแบ่งจากไฟแก็ซอย่างยุติธรรม โดยได้รับการสนับสนุนจากพลังที่ Google มอบให้ในรูปแบบของฟีเจอร์เช่น รองรับ AndroidX , ตัวควบคุมเกม และอื่น ๆ

กลับมาที่วันนี้แล้ว.

สถานการณ์ในปัจจุบันคือ Flutter และ React Native ได้เข้าสู่สงครามแบบเปิดแห่งการดึงและการยอมรับจำนวนมาก และคำค้นหาของเฟรมเวิร์กทั้งสองกลับมาพร้อมกับผลลัพธ์ที่แสดง – ' React Native vs Flutter 2019 '

ให้เรามองย้อนกลับไปว่าทั้งสองเฟรมเวิร์กย่อมาจากอะไรเพื่อสร้างพื้นฐานในการเปรียบเทียบการเป็น โซลูชันดั้งเดิมที่ดีที่สุดในการสร้างแอปสำหรับทั้ง iOS และ Android

Flutter คืออะไร?

Flutter Engine เป็นหนึ่งใน เฟรมเวิร์กการพัฒนาแอปข้ามแพลตฟอร์มแบบ โอเพนซอร์สชั้นนำที่ ทำงานในอุตสาหกรรมในปัจจุบัน ได้รับการพัฒนาโดย Google ในปี 2560

ให้เราพิจารณาข้อดีและข้อเสียของ Flutter เพื่อให้ได้แนวคิดที่ชัดเจนยิ่งขึ้นในกรอบงาน

มาพร้อมกับข้อดีดังต่อไปนี้ในการสร้างแอปข้ามแพลตฟอร์ม:

• ระบบนิเวศการพัฒนาที่สมบูรณ์
• ปรับแต่งได้สูง
• Google ทำให้มีความน่าเชื่อถือมาก
• ฟังก์ชั่น Hot Reload
• โอเพ่นซอร์สและใช้งานฟรี

นอกจากนี้ยังมีข้อเสียบางประการเช่น:

• ขนาดสมัครใหญ่
• พึ่งพาเครื่องมือและเทคโนโลยีดั้งเดิมเพื่อสร้างแอพ

แอพที่สร้างด้วยความช่วยเหลือของเฟรมเวิร์ก ได้แก่ – Alibaba, Hookle, Topline, OfflinePal, Hamilton เป็นต้น

React Native คืออะไร?

เป็นเฟรมเวิร์กโอเพ่นซอร์สที่พัฒนาโดย Facebook ในปี 2558 เป็นเทคโนโลยีการพัฒนาแอพข้ามแพลตฟอร์มของตัวเอง อนุญาตให้นักพัฒนาใช้ React และ JavaScript นอกเหนือจากความสามารถของแพลตฟอร์มดั้งเดิมที่จำเป็นในการสร้างแอพมือถือ

มาพร้อมสิทธิประโยชน์มากมาย เช่น

• การใช้งานส่วนประกอบ UI ดั้งเดิม
• ส่วนประกอบสำเร็จรูป
• ให้การเข้าถึงฟังก์ชันพื้นฐาน
• รีโหลดร้อน
• เชื่อถือได้สูง
• รหัสเฉพาะแพลตฟอร์ม
• โอเพ่นซอร์ส
• React Native สำหรับการทำงานของเว็บ

แต่เฟรมเวิร์กการพัฒนาแอพมือถือข้ามแพลตฟอร์มก็มีข้อเสียเช่นกัน ซึ่งรวมถึง:

• การนำทางแบบไม่มีรอยต่อ
• UI ที่ซับซ้อน

แอพที่สร้างด้วย React Native ได้แก่ Facebook, Skype, Artsy, Vogue, Bloomberg และ Tesla เป็นต้น

การแยกส่วนได้รับการดำเนินการจนถึงขนาดที่เราสามารถวาดอินโฟกราฟิกเปรียบเทียบเพื่อทราบถึง การพัฒนาแอปข้ามแพลตฟอร์มที่ดี ที่สุด

ความ แตกต่างระหว่าง Flutter และ React Native: รูปภาพที่มีรายละเอียด

กรอบครบกำหนด

React Native เปิดตัวครั้งแรกในปี 2015 ในขณะที่ Flutter เปิดตัว Beta ครั้งแรกใน Mobile World Congress ซึ่งจัดขึ้นระหว่างวันที่ 26 กุมภาพันธ์ถึง 1 มีนาคม ดังนั้น หากพูดถึงความเป็นผู้ใหญ่ Flutter จะมีความเป็นผู้ใหญ่น้อยกว่าเมื่อเปรียบเทียบกับ React Native เนื่องจากยังอยู่ในช่วงเริ่มต้น การพัฒนาแอปพลิเคชัน Flutter จะใช้เวลาสักครู่ก่อนที่จะเติบโตเต็มที่

React Native – 1

กระพือปีก – 0

ภาษาโปรแกรม

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

ในทางกลับกัน Flutter ใช้ภาษาการเขียนโปรแกรม Dart Google เปิดตัวภาษานี้ในปี 2011 โดยใช้แนวคิดเชิงวัตถุจำนวนหนึ่งซึ่งง่ายต่อการเรียนรู้และเริ่มต้นใช้งาน

แต่เมื่อเห็นว่า JavaScript เป็นภาษาที่นักพัฒนาเริ่มต้นการเดินทางอย่างไร ความจริงที่ว่า React Native นั้นง่ายทำให้ได้คะแนนมากขึ้น

React Native – 1

กระพือปีก – 0

การติดตั้ง

ติดตั้ง React Native framework ผ่าน Node Package Manager (NPM) สำหรับนักพัฒนาที่มีความรู้เกี่ยวกับ JavaScript ขั้นตอนการติดตั้งนั้นง่ายมาก

Flutter ได้รับการติดตั้งผ่านการดาวน์โหลดไบนารีสำหรับแพลตฟอร์มเฉพาะจาก Github ในกรณีของ macOS ต้องดาวน์โหลดไฟล์ flutter.zip เพิ่มเติมและเพิ่มเป็นตัวแปร PATH

แม้ว่าทั้งเฟรมเวิร์ก Flutter และ React Native ไม่มีการติดตั้งแบบบรรทัดเดียวด้วยตัวจัดการแพ็คเกจดั้งเดิมสำหรับระบบปฏิบัติการ การติดตั้ง Flutter ก็เรียกร้องให้มีขั้นตอนเพิ่มเติมหนึ่งขั้นตอน ด้วยเหตุนี้ ประเด็นจึงไปที่ React Native

React Native – 1

กระพือปีก – 0

การกำหนดค่าและการตั้งค่า

ขั้นตอนการตั้งค่า Flutter นั้นตรงไปตรงมามากกว่าเมื่อเปรียบเทียบกับ React Native Flutter มาพร้อมกับการตรวจสอบปัญหาของระบบโดยอัตโนมัติ ซึ่ง React Native พลาดไปอย่างมาก

กระพือปีก – 1

React Native – 0

สถาปัตยกรรมทางเทคนิค

React Native Architecture อาศัยสถาปัตยกรรมสภาพแวดล้อมรันไทม์ JS หรือที่เรียกว่า JavaScript bridge ใช้สถาปัตยกรรม Flux จาก Facebook ในทางกลับกัน Flutter ใช้เฟรมเวิร์ก Dart ซึ่งไม่ต้องการบริดจ์สำหรับการสื่อสารกับโมดูลเนทีฟ

เนื่องจากกลไก Flutter มาพร้อมกับส่วนประกอบดั้งเดิมจำนวนมากในเฟรมเวิร์ก และไม่ต้องการบริดจ์สำหรับการสื่อสารกับส่วนประกอบดั้งเดิม ประเด็นนี้ไปที่ Flutter

กระพือปีก – 0

React Native – 1

หน้าจอผู้ใช้

ทั้ง บริการพัฒนาแอพ Flutter และ React Native ต่างก็มีความแตกต่างกันอย่างสิ้นเชิงเมื่อพูดถึงการสร้างบล็อคที่พวกเขาใช้สำหรับการพัฒนา UI ในขณะที่ใช้ React Native ในการแตะส่วนประกอบดั้งเดิมของ Android และ iOS ด้วยความช่วยเหลือของบุคคลที่สามหรือส่วนประกอบที่กำหนดเอง Flutter ทำงานด้วยวิดเจ็ตที่เป็นกรรมสิทธิ์ซึ่งปรับแต่งได้ 100%

วิดเจ็ตเหล่านี้มีทั้งในการออกแบบวัสดุสำหรับ Google และ Cupertino สำหรับ Apple ทำให้ UI เป็นหนึ่งในปัจจัยที่เป็นไปได้ว่า Flutter จะแทนที่ React Native หรือ ไม่

React Native – 0

กระพือปีก – 1

ลักษณะพื้นเมือง

รูปลักษณ์และความรู้สึกแบบเนทีฟเป็นสิ่งที่ทั้ง Flutter และ React Native สำหรับการพัฒนาแอปบนอุปกรณ์เคลื่อนที่ กำลังส่งเสริมเป็น USP ในขณะที่ประสิทธิภาพที่เป็นสัญญาณของ React Native Development นั้นพร้อมให้คนทั้งโลกได้สำรวจและสำรวจ แต่ก็ไม่สามารถพูดได้ด้วยการรับประกันสำหรับ Flutter

เหตุผลที่บริษัทต่างๆ จ้างนักพัฒนา Flutter คือคุณสมบัติในการใช้ฟังก์ชันหลักของอุปกรณ์โดยไม่มีส่วนประกอบจากบุคคลที่สาม มีคุณสมบัติเพียงพอที่จะก้าวไปไกลในการพัฒนาแอปรูปลักษณ์และสัมผัสดั้งเดิมสำหรับ iOS และ Android

React Native – 1

กระพือปีก – 1

เครื่องมือช่าง

เมื่อพูดถึง Tooling Flutter ไม่ตรงกับ React Native แต่อย่างใด เนื่องจาก Flutter มีอายุอย่างน้อย 3 ปี ช่วงของ IDE และเครื่องมือที่รองรับจึงมีจำนวนมากขึ้นมาก

แต่แล้ว Flutter framework สามารถใช้งานร่วมกับ Visual Studio Code, IntelliJ idea และ Android Studio ได้อย่างแน่นอน นอกจากนี้ โปรแกรมแก้ไขข้อบกพร่อง Dart linter รูปแบบอัตโนมัติ เครื่องมือวิเคราะห์โค้ด และเครื่องมือจัดรูปแบบอัตโนมัติของ Flutter ยังได้รับคำวิจารณ์ที่ดีมาก

React Native – 1

กระพือปีก – 0

ผลผลิตของนักพัฒนา

สำหรับนักพัฒนาที่มีความเชี่ยวชาญใน JavaScript React Native นั้นง่ายมาก มันมาพร้อมกับคุณสมบัติการโหลดซ้ำซึ่งช่วยประหยัดเวลาของนักพัฒนาได้อย่างมาก นอกจากนี้ นักพัฒนายังมีอิสระที่จะใช้ IDE หรือโปรแกรมแก้ไขข้อความที่ต้องการ

Flutter ยังมาพร้อมกับคุณสมบัติการโหลดซ้ำ แต่ช่วงการเรียนรู้นั้นยิ่งใหญ่กว่าเล็กน้อยเมื่อนักพัฒนาต้องเรียนรู้และใช้แนวคิด Flutter ใหม่ นอกจากนี้ Dart ยังใหม่อยู่ ขาดการสนับสนุนโปรแกรมแก้ไขข้อความและ IDE จำนวนมาก ซึ่งทำให้ประสิทธิภาพการทำงานของนักพัฒนาลดลง

เมื่อมีความเป็นผู้ใหญ่มากขึ้น React Native ให้การสนับสนุนนักพัฒนาแก่ บริษัทพัฒนาแอพ Flutter มากขึ้น ในแง่ของคุณสมบัติภาษาและ IDE สำหรับสิ่งนี้ คะแนนจะไปที่ React Native

React Native – 1

กระพือปีก – 0

เอกสาร

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

Google ขึ้นชื่อในเรื่องเอกสารที่ชัดเจน มีรายละเอียด และมีโครงสร้างที่ดี และ Flutter ทำให้พวกเขาคาดหวังต่อไป

เมื่อคุณดูการเปรียบเทียบปัจจุบันของ Flutter vs React Native ในปี 2019 คุณจะพบว่า Flutter นั้นล้าหลังและเป็นเช่นนั้น แต่สถานการณ์กำลังจะเปลี่ยนไป

Flutter ในช่วงเวลาสั้น ๆ ได้เริ่มได้รับความสนใจจากธุรกิจทั้งหมด อันที่จริงเมื่อคุณดูที่หน้า Showcase ของพวกเขา คุณจะพบว่าแอพที่สร้างโดยใช้ Flutter นั้นอยู่ในหมวดหมู่ที่ซับซ้อนซึ่งกำลังใช้งานอยู่ โดยหลายคนในเวลาเดียวกัน

เพิ่มไลบรารีเหล่านี้ที่พวกเขากำลังเพิ่มอย่างต่อเนื่องในพอร์ตโฟลิโอพร้อมกับเอกสารประกอบตรงประเด็น และคุณจะได้รับกรอบงานที่พร้อมสำหรับโลกข้ามแพลตฟอร์ม

อันที่จริง Google เองก็ไม่ได้อายที่จะท้าทาย Facebook บนใบหน้า

ในกรณีที่คุณพลาดการมีอยู่ของเอกสาร Flutter ในเชิงลึกสำหรับ React Native นี่เป็นเวอร์ชันสรุป

Flutter สำหรับ React Native

Flutter for React Native เป็นเอกสารของ Google ที่ช่วยให้นักพัฒนาใช้ความรู้ React Native ในปัจจุบันในการพัฒนาแอพ Flutter

เอกสารนี้ให้รายละเอียดขั้นตอนการสร้างแอพ Flutter ใหม่ ลิงก์นี้อธิบายการกระพือปีกสำหรับเนทีฟแบบโต้ตอบโดยเฉพาะ หน้าดังกล่าวมีจุดมุ่งหมายเพื่อแสดงให้เห็นว่านักพัฒนาซอฟต์แวร์ที่เคยทำงานกับเนทีฟแบบโต้ตอบแล้วสามารถเปิดใช้ Flutter ได้อย่างง่ายดาย

เอกสารประกอบเป็นการเชิญชวนที่ชัดเจนสำหรับ นักพัฒนาแอป iOS และ Android ให้เบี่ยงเบนจาก React Native และสัมผัสประสบการณ์ความสะดวกและความยืดหยุ่นของ Flutter

และเอกสารประกอบที่ชี้แนะนักพัฒนาให้เปลี่ยนจาก React Native เป็น Flutter ไม่ใช่วิธีเดียวที่ Google พยายามส่ง React Native ในการแข่งขันไปสู่การยอมรับจำนวนมาก การย้ายเพื่อเพิ่ม Material Theming และวิดเจ็ต Cupertino ในระบบนิเวศ SDK ข้ามแพลตฟอร์มได้เพิ่มส่วนต่อประสานผู้ใช้ที่แสดงออกใหม่ทั้งหมดลงในแอพที่พัฒนาโดยใช้ Flutter SDK ซึ่งเป็นสิ่งที่ React Native ยังคงขาดอยู่และต้องใช้ Design Kits อื่น ๆ

กระพือปีก – 1

React Native – 0

ประสิทธิภาพของแอป

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

สิ่งนี้เพิ่มไปยังจุดที่ Flutter ได้กำหนดมาตรฐานแอนิเมชั่นที่ 60fps เป็นสัญญาณที่ชัดเจนของประสิทธิภาพสูง สุดท้ายนี้ เนื่องจาก Flutter ถูกคอมไพล์เป็นโค้ด ARM ดั้งเดิมสำหรับทั้ง Android และ iOS ประสิทธิภาพจึงเป็นปัญหาเดียวที่ระบบจะไม่มีวันเจอ

React Native – 0

กระพือปีก – 1

การจัดการวงจรชีวิต

โดยทั่วไปแล้ว React Native มีแนวโน้มที่จะทำงานได้ดีขึ้นมากในการทำให้การจัดการวงจรชีวิตและการเพิ่มประสิทธิภาพของแอปง่ายขึ้น Flutter ให้ขอบเขตการทำงานกับการสืบทอดวิดเจ็ตที่อนุญาตเฉพาะสภาวะไร้สัญชาติและการเก็บสถานะ ลบเครื่องมือใดๆ สำหรับบันทึกสถานะแอปพลิเคชันอย่างชัดเจน

React Native – 1

กระพือปีก – 0

การใช้รหัสซ้ำ

React Native ช่วยให้คุณสามารถเขียนโค้ดเพียงครั้งเดียวและจัดส่งได้ทุกที่พร้อมกับยอมรับความแตกต่างของแพลตฟอร์ม หมายความว่า ในบางครั้งนักพัฒนาอาจต้องดูว่าพวกเขากำลังใช้งานแพลตฟอร์มใดอยู่ และโหลดชุดส่วนประกอบต่างๆ บนพื้นฐานของแพลตฟอร์ม

codebase ของ Flutter นั้นใช้ซ้ำได้มากกว่ามาก อนุญาตให้กำหนดแผนผังวิดเจ็ต UI เดียว แล้วนำตรรกะที่กำหนดมาใช้ซ้ำ เพื่อไม่ให้สร้างความแตกต่างมากนัก

เพื่อความสะดวกที่ Flutter นำเสนอ ประเด็นจะอยู่ที่เฟรมเวิร์ก

React Native – 0

กระพือปีก – 1

สร้างและเผยแพร่ความช่วยเหลือเกี่ยวกับระบบอัตโนมัติ

ข้อดีอย่างหนึ่งของ Flutter เหนือ React Native คือระบบอัตโนมัติที่ช่วยในการสร้างและเผยแพร่ เอกสาร React Native อย่างเป็นทางการไม่มีวิธีอัตโนมัติในการปรับใช้แอพ iOS บน App Store มันมีกระบวนการแบบแมนนวลสำหรับการปรับใช้แอพจาก Xcode นอกจากนี้ React Native ยังอาศัยไลบรารีของบุคคลที่สามในการสร้างและปล่อยระบบอัตโนมัติ

คุณสมบัติหลักของ Flutter มาพร้อมกับอินเทอร์เฟซบรรทัดคำสั่งที่แข็งแกร่ง ช่วยให้นักพัฒนาสามารถพัฒนาแอปไบนารีด้วยความช่วยเหลือของเครื่องมือบรรทัดคำสั่ง

ความจริงที่ว่า Flutter มาพร้อมกับเครื่องมืออัตโนมัติที่น่าทึ่งและใช้สำหรับปรับใช้แอพจากบรรทัดคำสั่ง นำหน้า React Native ในการแข่งขัน

กระพือปีก – 1

React Native – 0

รองรับการทดสอบ

ด้วย กรอบงาน JavaScript มีเฟรมเวิร์กการทดสอบระดับหน่วยเพียงไม่กี่รายการสำหรับ React Native เช่นเดียวกัน ไม่มีการรองรับอย่างเป็นทางการใน React native เมื่อคุณต้องรวมระบบ มีรูปลักษณ์ภายนอกบางอย่างเช่น Detox และ Appium ที่สามารถใช้สำหรับทดสอบแอปได้ แต่ไม่ได้รับการสนับสนุนอย่างเป็นทางการ

Flutter นำเสนอคุณสมบัติการทดสอบที่หลากหลายสำหรับการทดสอบแอปในระดับหน่วย การผสานรวม และระดับวิดเจ็ต มันยังมาพร้อมกับเอกสารที่ยอดเยี่ยมอีกด้วย

ขอบเขตของการสนับสนุนการทดสอบเน้นให้เห็นถึงข้อดีของ Flutter เหนือ React Native อย่างชัดเจน

React Native – 0

กระพือปีก – 1

รองรับ CI/CD และ DevOps

React Native ไม่มีเอกสารอย่างเป็นทางการเกี่ยวกับ CI และ CD ในทางกลับกัน Flutter มีส่วนทั้งหมดซึ่งรวมถึงลิงก์ต่างๆ ทำให้การเพิ่ม CI/CD สำหรับแอป Flutter เป็นกระบวนการที่ง่ายมาก

กระพือปีก – 1

React Native – 0

การสนับสนุนชุมชน

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

เนื่องจากยังมีทรัพยากรสำหรับนักพัฒนาในชุมชน Flutter น้อยกว่ามาก ประเด็นนี้จึงเป็นหลักฐานที่ชัดเจนถึงข้อดีของ React Native เหนือ Flutter

React Native – 1

กระพือปีก – 0

ความนิยม

ระหว่าง React Native และ Flutter จำนวนนักพัฒนา React Native และแม้แต่จำนวนแอพที่ทำงานอยู่นั้นมากกว่าในกรณีของ Flutter แต่ช่องว่างก็เข้ามาเติมเต็มอย่างรวดเร็ว จาก ผลสำรวจของนักพัฒนา Stack Overflow ปี 2019 Flutter ได้รับการจัดอันดับให้เป็นภาษาที่มีคนชื่นชอบมากที่สุด โดยมีคนมากกว่า 75.4% ที่แสดงความสนใจในเฟรมเวิร์ก ในขณะที่นักพัฒนา 62.5% แสดงความสนใจใน React Native

เมื่อเห็นว่ากรอบงานทั้งสองได้รับแรงฉุดลาก เป็นการยากที่จะแสดงความคิดเห็นว่าใครเก่งกว่าในทั้งสองอย่าง

React Native – 1

กระพือปีก – 1

การยอมรับในอุตสาหกรรม

เนื่องจาก Flutter เป็นสิ่งใหม่อย่างมากในอุตสาหกรรมข้ามแพลตฟอร์ม จำนวนธุรกิจที่ใช้ SDK เพื่อพัฒนาแอปข้ามแพลตฟอร์มจึงน้อยลงมาก ในทางกลับกัน ประโยชน์ของการใช้ react native สำหรับการพัฒนาแอ พนั้นอยู่ในหน้าแสดงแอพที่ได้รับการพัฒนาโดยใช้เฟรมเวิร์กนั้นสูงกว่ามาก

อย่างไรก็ตาม ข้อเท็จจริงยังคงอยู่ที่แม้จะเป็นแบรนด์ใหม่ แบรนด์ที่มี บริษัทสร้างแอปพลิเคชัน Flutter ซึ่ง เป็นพันธมิตรของพวกเขา ได้เปิดตัวแอปบน SDK ซึ่งค่อนข้างซับซ้อน เช่น Google AdWords หรือ Hamilton Musical และแม้แต่อีคอมเมิร์ซยักษ์ใหญ่อย่างอาลีบาบา

React Native – 1

กระพือปีก – 0

การเติมเชื้อเพลิง Flutter vs React Native 2019 ให้มากขึ้นคือการเพิ่มเติมใหม่ที่ได้รับการแนะนำทั้งเครื่องมือข้ามแพลตฟอร์มชั้นนำ

ระหว่างปี 2018 ถึงตอนนี้ โดยเฉพาะอย่างยิ่งหลังจาก การประกาศกิจกรรม Google IO ในปี 2019 มีการเปลี่ยนแปลงใหม่ๆ มากมายในทั้งสองโดเมน ซึ่งขณะนี้ได้ปูทางไปสู่การแข่งขันที่ยิ่งใหญ่

มาดูกันว่ามีอะไรใหม่ใน Flutter และ React Native ในปี 2019

มีอะไรใหม่ใน Flutter ใน ?

นับตั้งแต่ Flutter เวอร์ชันเบต้ารุ่นแรก เฟรมเวิร์กได้เติบโตขึ้นในแง่ของความสามารถในการทำงานและอัตราการนำไปใช้

Flutter เปิดตัว รุ่น 1.7 ในเดือนกรกฎาคม 2019 พร้อมฟีเจอร์และการปรับปรุงใหม่ๆ มากมาย รวมถึง:-

รองรับ Android X – ทำให้ นักพัฒนาแอป Flutter สามารถอัปเดตแอป Android ที่ออกแบบมาโดยไม่กระทบต่อคุณสมบัติความเข้ากันได้แบบย้อนหลัง

ฟีเจอร์ OpenType Rich Typography – Flutter กำลังเปิดตัวฟีเจอร์การพิมพ์ชุดใหม่ เช่น ตัวเลขแบบตารางและแบบเก่า เครื่องหมายทับศูนย์ ชุดสไตล์ ฯลฯ ซึ่งจะปรับปรุงประสบการณ์ UI ของแอป

นอกจากนี้ Flutter สำหรับเว็บ ยังมีให้บริการโดยเน้นที่การย้าย Flutter ไปนอกสมาร์ทโฟนและเข้าสู่ Chromebooks, Windows และ Mac ทำให้การพัฒนาแอปเดสก์ท็อปด้วย Flutter เป็นจริง โดยรวมแล้วสิ่งนี้ทำให้รู้สึกว่า Flutter มีขอบเขตในอนาคตที่สูงกว่า และควรได้รับ การพิจารณาโดยนักพัฒนา Android และ iOS ในปี 2019

2019 จบลงด้วย Flutter เปิด ตัว เวอร์ชัน 1.12 ในงาน Flutter Interact เวอร์ชันนี้ได้รับการประกาศพร้อมฟีเจอร์และการปรับปรุงใหม่หลายอย่างโดยเน้นที่ Ambient Computing เป็นหลัก

นอกเหนือจากนี้ พวกเขายังทำการปรับปรุงอื่นๆ อีกหลายประการ เช่น:

• โผ2.7
• แก้ไข DartPad
• การสนับสนุนเว็บเบต้า
• รองรับเดสก์ท็อป macOS
• การอัปเดต Add-to-App
• แพ็คเกจ Google Fonts ใหม่
• รองรับโหมดมืด iOS 13

มีอะไรใหม่ใน React Native ?

ปีที่แล้วในเดือนพฤศจิกายน React Native ได้วางโรดแมปสำหรับสิ่งที่เหลืออยู่สำหรับปี 2018 และ 2019 เช่นกัน ทำให้งานทั้งหมดในการ สร้างแอพมือถือใน React Native น่าตื่นเต้นมากขึ้น

องค์ประกอบที่เพิ่มเข้ามาในรายการเป็นสิ่งที่กำหนดขึ้นใหม่ว่า React Native ย่อมาจากอะไร

พวกเขาได้วางแผนที่จะ:

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

นอกเหนือจากนี้ React Native 0.60 ได้เปิดตัวในเดือนกรกฎาคม 2019 พร้อมชุดการเปลี่ยนแปลงใหม่ๆ เช่น:-

หน้าจอใหม่ – มีการแนะนำหน้าจอใหม่ที่แสดงคำแนะนำที่เกี่ยวข้อง เช่น การแก้ไข App.js ลิงก์เอกสาร กระบวนการในเมนูแก้ไขข้อบกพร่อง และอื่นๆ สิ่งนี้ถือเป็นความพยายามของชุมชนในการปรับปรุงความเป็นมิตรต่อผู้ใช้และความนิยมของ React Native ผ่าน Flutter

รองรับ Android X- Alike Flutter, React Native จะรองรับ AndroidX (Android Extension Library) ด้วย นี่หมายความว่าไม่ว่าคุณจะเลือก React Native หรือ Flutter ก็ตาม AndroidX จะเป็นส่วนหนึ่งของกระบวนการพัฒนาแอพมือถือของคุณ

ในเดือนกันยายน 2019 React Native ได้เปิดตัวเวอร์ชัน 0.61 พร้อมประสบการณ์การโหลดแบบใหม่ที่เรียกว่า Fast Refresh

ในเวอร์ชันนี้ คุณลักษณะการรีโหลดแบบสดและการรีโหลดแบบด่วนได้ถูกรวมเข้าเป็นคุณลักษณะเดียวที่เรียกว่า Fast Refresh

นี่คือหลักการที่กำหนดคุณลักษณะ React Native 0.61:

• รองรับ React ที่ทันสมัยอย่างสมบูรณ์
• มันกู้คืนหลังจากพิมพ์ผิดและกลับไปโหลดเต็มเมื่อจำเป็น
• มันไม่ได้ทำการแปลงรหัสที่รุกรานใด ๆ

นอกจาก Fast Refresh แล้ว พวกเขายังได้ทำการปรับปรุงที่สำคัญอื่นๆ เช่น:

• แก้ไข use_frameworks! รองรับ CocoaPods
• เพิ่ม useWindowDimensions Hook
• React ได้รับการอัพเกรดเป็น 16.9

ด้วยการเปลี่ยนแปลงเหล่านี้ที่กำลังเปิดตัวหรือกำลังเตรียมที่จะเพิ่มในระบบนิเวศทั้ง Flutter และ React Native สงครามจะยิ่งเข้มข้นขึ้นในขณะนี้

สรุป Flutter จะใช้เวลามากกว่าความนิยมที่ React Native ได้รวบรวมไว้ตลอดเวลา และจะต้องใช้เวลาในการประกาศว่า Flutter เป็นอนาคตของการพัฒนาแอพมือถือ แต่ให้เวลากับมัน มันจะกระโดดเข้าและออกจากฐานผู้ใช้ของ React Native

คำถามที่พบบ่อยเกี่ยวกับ Flutter Vs React Native Debate

ถาม ระหว่าง Flutter กับ React Native ตัวไหนให้เลือกในปี 2020?

เป็นการยากที่จะพูดเพราะทั้งสองเฟรมเวิร์กทำงานได้ดีจริงๆ ดังนั้น ฉันขอแนะนำให้ตัดสินใจโดยพิจารณาจากปัจจัยเปรียบเทียบที่แชร์ในบทความนี้

ถาม Flutter จะเข้ามาแทนที่ react native หรือไม่?

ใช่ Flutter จะเข้ามาแทนที่ React Native และกลายเป็นผู้ปกครองของการพัฒนาข้ามแพลตฟอร์มในอนาคต

Q. ฟลิตเตอร์เป็นที่นิยมแค่ไหน?

แม้ว่าจะใหม่ในตลาด แต่ Flutter ก็ได้รับความนิยมอย่างมากในตลาด แบรนด์ยอดนิยมต่างๆ เช่น Reinvently, Hamiliton, Topline และ Google Ads ได้นำเฟรมเวิร์ก UI มาใช้

ถาม: react native ยังอยู่ในช่วงเบต้าหรือไม่

ไม่มันไม่ใช่.

ถาม ทำไมการกระพือปีกจึงดีกว่าการโต้ตอบแบบเนทีฟ

Flutter ซึ่งสนับสนุนโดย Google มอบประสบการณ์ดั้งเดิมมากกว่า React Native และไม่พึ่งพาไลบรารีของบุคคลที่สามมากนักในการแนะนำฟังก์ชันใหม่ สิ่งนี้ทำให้ Flutter ได้เปรียบเหนือ React Native