ทำความรู้จักกับ React Native ก่อนเริ่มต้นใช้งาน

Kittisak Pimnonthong
2 min readDec 17, 2017

--

React Native คืออะไร?

React Native เป็น JavaScript Framework ตัวนึงที่พัฒนาโดย Facebook ซึ่งจะช่วยให้เราสามารถ เขียน Mobile Application แบบ Cross platform ได้ ช่วยทำให้เราเขียนโค้ดเพียงครั้งเดียว ก็สามารถสร้าง Application ทั้งของ Android OS และ IOS

จะเขียน React Native ต้องรู้อะไรบ้าง?

  1. เขียน Android และ IOS ได้บ้าง
  2. CSS , HTML
  3. JavaScript — JSX , ES6
  4. Java
  5. Objective C

สามารถเขียนได้บน Windows OS และ Mac OS หรือไม่?

สามารถเขียนได้ทั้งบน Windows และ Mac OS แต่การคอมไพล์โค้ด และการ Simulate ของ IOS จะต้องใช้โปรแกรม Xcode ซึ่งทำงานบน Mac OS เท่านั้น

Deployment เป็นยังไง?

สำหรับ Deployment ในส่วนของ android ต้องทำตามขั้นตอน Generating Signed APK ตาม Document ของ Facebook เลยนะครับ ก็จะทำการ Generate APK ออกมา เพื่อให้สามารถนำไป Upload ไปที่ Play Store ได้ ซึ่งการ Generate จากตัวโปรแกรม Android Studio เลย ไฟล์ APK ที่ได้ออกมาจะเป็นตัว Debug นะครับ จะไม่ใช่ตัว Release

ส่วน IOS สามารถ Upload ขึ้น App Store ได้จากตัว Xcode โดยตรงเลย ตามขั้นตอนนะครับ ง่ายมาก ๆ เลย

หลังจากได้ทดลองใช้ React Native เป็นอย่างไร?

หลังจากที่ผมได้ทดลองใช้งาน React Native มาสักระยะนึง ก็รู้สึกได้ถึงความง่าย ในการทำงาน ก่อนหน้านี้ผมถนัดในการออกแบบเว็บไซต์ด้วย CSS และ HTML อยู่แล้ว แล้วได้มาใช้งาน React Native บอกได้เลยว่า คล้ายกับการใช้งาน CSS HTML มาก ๆ ทำให้การ Design Interface โปรแกรม ออกมาได้ดั่งใจมาก ๆ และยิ่งมี Native Base ซึ่งเป็น Module ของ React Native เข้ามาช่วย เป็นเหมือนกับ Front-end Framework ทำให้การออกแบบนั้นง่ายขึ้น และมีความสวยงามมากยิ่งขึ้นไปอีก แถมยังมี Module ให้เลือกมากมาย ตามความต้องการ ในการใช้งานของเราได้เลย

ข้อดีของ React Native

  1. สามารถออกแบบ UI ได้ง่ายมาก
  2. การตกแต่ง UI ใช้คำสั่งที่คล้ายคลึงกับ CSS มาก
  3. มี Module มากมาย รองรับการใช้งานที่หลากหลายรูปแบบ
  4. การเพิ่ม Module ไปยัง Project Android และ IOS ใช้เพียงคำสั่ง react-native link ก็จะเพิ่มเข้าไปใน Project เราอัตโนมัติ
  5. ประสิทธิภาพการทำงานเทียบเท่ากับการเขียนแบบ Native
  6. สามารถพัฒนา Application ได้อย่างรวดเร็วมากขึ้น

ข้อเสียของ React Native

  1. การที่เราเพิ่ม Module เข้าไปมาก ๆ จะทำให้การ Build ในส่วนของ Android ช้ามาก เนื่องจากต้องไปคอมไพล์ในส่วนของ Module ด้วย
  2. Module หลาย ๆ ตัวยังใช้ Build Tools Version เก่า ๆ ทำให้ต้องตามแก้ไขเอง
  3. บางครั้งตอนติดตั้ง Module ใหม่เข้าไป เหมือนมันจะทำการ Reset module เดิม ๆ ทำให้โค้ดที่เราเคยแก้ กลับไปเป็นเหมือนเดิม และเราต้องไปแก้ใหม่
  4. การ Debug บางครั้งก็ดูยาก ทำให้ต้องเปิด Android Studio หรือเปิด Chrome มาก Debug เพิ่ม ทำให้ใช้ Ram เพิ่มขึ้นไปอีก

ปล. ข้อดีและข้อเสีย ได้มาจากการทดลองใช้งานของผมเอง อาจจะเกิดขึ้นจากความไม่รู้ของผมเองก็ได้ โปรดใช้วิจารณญาณในการอ่าน สุดท้ายนี้ ขอขอบคุณทุกท่านที่เข้ามาอ่านครับ :)

--

--

Kittisak Pimnonthong

DreaMTeryST… เรียนด้วย ทำงานด้วย เวลาว่าง ๆ ก็ชอบเรียนรู้อะไรใหม่ ๆ เผื่อจะเป็นโปรแกรมเมอร์ที่เก่งอย่างเขาบ้าง :)