Tại sao cần webpack?
🎯 Categories:
#️⃣ Tags:
My story
Có lẽ mình cũng như nhiều bạn học từ native mobile app -> React Native rồi mới đến React nên 'quy trình' có vẻ không đúng lắm.
Thành ra khi học React thì chỉ biết cài webpack để chạy thôi, hay xài luôn create-react-app thì khỏi cần webpack gì cả. Khi lên trang chủ của webpack để đọc document thì ôi thôi rồi đọc càng khó hiểu hơn. Vậy rốt cuộc tại sao cần webpack?
Server rendering và client rendering
Để hiểu được tại sao dùng webpack, ta nên tìm hiểu qua về server rendering và client rendering.
Quick Note: Mình đọc một số blog trên mạng có thể thế thuật ngữ client rendering là Single Page Application (SPA) luôn, tại SPA sử dụng kĩ thuật client rendering.
Server side rendering
Client rendering
Khi trình duyệt gửi request nào lên server thì server sẽ trả về file html tương ứng. Ví dụ yêu cầu trang chủ thì trả về home.html, yêu cầu dashboard trả về dashboard.html.
Đã có sẵn một khuôn mẫu html (bare-bones HTML) rồi. Khi trình duyệt gửi request đến server, server sẽ chỉ trả về file .js thôi, trình duyệt tự lo phần của mình là load HTML bằng javascript
Mô hình hoạt động của server side rendering
Trang Niviki.com này được viết bằng Wordpress là kiểu server side rendering.
Ví dụ bạn vào trang chủ và mở Developer Tool lên, mở qua tab Elements, bạn sẽ thấy hết các thành phần HTML của toàn bộ trang như các thẻ
Author: Khoa Nguyen https://niviki.com
Thất nghiệp. Đang rủ rê nhiều người thất nghiệp. Hy vọng với NIVIKI.COM có thể lan toả tinh thần thất nghiệp đến với nhiều người hơn nữa.
Bài viết liên quan 📚📚📚
📖 Axie và Coin98 thành công 🗓 July 29, 2021 ⌛️ 2 min(s) read 📖 Áp lực khi làm dự án $100M market cap 🗓 May 15, 2021 ⌛️ 8 min(s) read 📖 Đầu tư crypto có phải một nghề không? 🗓 March 22, 2021 ⌛️ 3 min(s) read 📖 [Case Study] - StatcWeb.Studio dùng nocode để làm tool nocode: 200h - 0 sales 🗓 January 24, 2021 ⌛️ 5 min(s) read 📖 [Case Study] Bán No-code MVP làm trong 100h giá $5000 🗓 January 15, 2021 ⌛️ 11 min(s) read 📖 Chi tiết mình validate idea với nocode - 3 tuần 60 sales - $567 🗓 December 15, 2020 ⌛️ 7 min(s) read 📖 Do things that don't scale - Lời khuyên tốt nhất để validate idea làm app 🗓 November 22, 2020 ⌛️ 2 min(s) read 📖 GPT-3 sẽ là phát minh quan trọng kể từ Blockchain 🗓 September 15, 2020 ⌛️ 4 min(s) read 📖 #6 - NoCode MVP - Tổng kết 🗓 August 22, 2020 ⌛️ 5 min(s) read 📖 #5 - NoCode MVP - Buông bỏ để hạnh phúc 🗓 July 28, 2020 ⌛️ 2 min(s) read