🔥 จากโพสต์ที่แล้วแอดมินได้อธิบายการทำงานของ MEAN Strack ไปบ้างแล้ว แต่มันยังมี Framework อีกตัวนึงที่ช่วยพัฒนาเว็บแอปพลิเคชัน นั่นคือ MERN Strack นั่นเอง!!
.
และวันนี้เราจะมาดูความแตกต่างกันให้ชัดๆ เลยว่า อันไหนจะปังกว่ากัน !!
.
🤼♀️ ซึ่งทั้ง 2 เป็น JavaScript Framework ที่ช่วยพัฒนาเว็บแอปพลิเคชัน และช่วยในการสร้างหน้า UI ที่ตอบสนองกับผู้ใช้อย่างมีประสิทธิภาพ และใช้งานง่ายเหมือนกัน ความแตกต่างคือ MEAN ใช้ Angular แต่ MERN ใช้ ReactJS
.
❤️ MEAN Stack
.
- พัฒนาด้วย Mongo DB, Angular, Express และ Node.js
- ใช้ภาษา TypeScript
- มี Component Architecture
- เป็น Regular DOM
- เรียนรู้ได้ยากกว่า
- ทำงานแบบ MVC ได้ดีกว่า
- ไม่ค่อยมี Library ให้ใช้ เพราะมี Document จากทาง Angular ให้ใช้อยู่แล้ว
- ปรับแต่งได้น้อยกว่า
- ส่วนใหญ่จะใช้ในโปรเจกต์ใหญ่ๆ
.
💙 มาที่ MERN Stack กันบ้าง
- พัฒนาด้วย Mongo DB, React JS, Express และ Node.js
- ใช้ภาษา JavaScript และ JSX
- ไม่มี Component Architecture
- เป็น Virtual DOM
- เรียนรู้ง่าย
- ทำงานแบบ MVC ได้ด้อยกว่า
- มี Library ให้เลือกใช้เยอะ
- ปรับแต่งได้อย่างอิสระ
- ไม่ว่าโปรเจกต์จะเล็กหรือใหญ่ ก็สามารถใช้ได้
.
👉 ความเห็นของแอดคิดว่า MEAN มันจะเหมาะสำหรับพัฒนาเว็บแอปที่ใหญ่ๆ มากกว่า ซึ่งบริษัทใหญ่ เช่น Accenture, Raindrop, Vungle, Fiverr และ UNIQLQ ต่างก็เลือกใช้เจ้า MEAN ในการพัฒนาเว็บของเขา
.
☘️ ส่วนเจ้า MERN มันเหมาะสำหรับเว็บแอปที่เล็กๆ ที่ต้องการประมวลผลและโต้ตอบผู้ใช้อย่างรวดเร็วนั่นเอง
.
ส่วนเพื่อนๆ เลือกใช้อันไหนกันบ้าง? มาเม้ามอยให้ฟังกันหน่อยนะ 😆
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
「reactjs dom」的推薦目錄:
- 關於reactjs dom 在 BorntoDev Facebook 的最讚貼文
- 關於reactjs dom 在 軟體開發學習資訊分享 Facebook 的最佳解答
- 關於reactjs dom 在 軟體開發學習資訊分享 Facebook 的最佳貼文
- 關於reactjs dom 在 React.js DOM element not displayed - Stack Overflow 的評價
- 關於reactjs dom 在 React (Virtual) DOM Terminology 的評價
- 關於reactjs dom 在 vincentriemer/react-native-dom - GitHub 的評價
- 關於reactjs dom 在 React js hindi tutorial # how reactJs Work with visual DOM 的評價
- 關於reactjs dom 在 Code with mosh react native github 的評價
reactjs dom 在 軟體開發學習資訊分享 Facebook 的最佳解答
--課程已於 2018 年 1 月更新--
你可能知道 Angular 2 和 ReactJS,嗯,VueJS 結合了兩個框架的最佳特性,並且可以建構從任何小的 Widgets 到大的,開發企業等級應用程式輕而易舉並且有很多樂趣!如果你不知道上面提到的兩個框架:也沒關係,本課程不期望任何其他前端框架的知識 – 你將在整個課程學習這一切!
從這 21 小時的課程,你將在本課程學到:
1. 什麼是Vue JS和為什麼要使用它?
2. 設置開發環境和工作流程
3. 基礎(包括基本語法,了解樣板和更多!)
4. 操作 DOM (呈現列表,有條件地附加/分離元素…)
5. 使用元件(和什麼元件開始)
6. 表單輸入連結
7. 所有關於指令 (Directives),過濾器 (Filters)和混合 (Mixins)
8. 如何使你的應用程式更漂亮而且有動畫過場效果
9. 如何創建一個有路由功能 ( routing ) 很棒的單頁面應用程式(SPA )
10. 如何通過使用 Veux 來改善狀態管理
11. 如何部署應用程式
>英文字幕:有
https://softnshare.wordpress.com/…/11/10/vuejscompleteguide/
reactjs dom 在 軟體開發學習資訊分享 Facebook 的最佳貼文
只會 jQuery 嗎?想進的公司須要懂 React 怎麼辦?
jQuery 是目前許多前端工程師的必備工具,但於中大型專案的開發上,容易產生不易管理及效能降低的缺點。在依賴 DOM 的狀況下。一旦頁面結構發生改變,許多內容必須跟著改動,這是很痛苦的事!
如果你對「 JavaScript 動態網頁」開發的知識相對少,對資料傳遞、框架觀念還不甚了解, React 將會是你值得投資的一項新武器! 而目前React 也受到大量關注與企業採用,並出現在許多職缺的徵才條件內,早早熟悉絕對是正確的選擇!
https://softnshare.wordpress.com/…/chinese-reactjs-es6-his…/
reactjs dom 在 React (Virtual) DOM Terminology 的推薦與評價
var root = React.createElement('div');. To render a new tree into the DOM, you create ... ... <看更多>
reactjs dom 在 vincentriemer/react-native-dom - GitHub 的推薦與評價
An experimental, comprehensive port of React Native to the web. - GitHub - vincentriemer/react-native-dom: An experimental, comprehensive port of React ... ... <看更多>
reactjs dom 在 React.js DOM element not displayed - Stack Overflow 的推薦與評價
... <看更多>