Nói một cách chuẩn xác hơn thì: Create React App (hãy bất cứ 1 project scaffolding tool nào, framework nào ví dụ như Vue CLI, Angular CLI, Next, Nuxt,...) sử dụng Webpack làm bundler. Các scaffolding tool này không xấu, nó là một cách khởi tạo dự án nhanh và giúp lập trình viên tập trung vào công việc chính, hoặc là tạo ra các prototype phục vụ mục đích demo, testing,...nhưng nó lại không phù hợp với business của các công ty sản phẩm và sản phấm đó phải làm 1 cách chỉn chu. Có vài lí do mà bản thân mình đúc kết ra sau quá trình sử dụng là:
Không thể làm chủ được bản build production đầu cuối. Bạn thấy đấy, nhiều người còn chẳng hiểu CRA làm những gì, hay cần phải config gì cho một bản production optimized và sạch sẽ.
Quá rườm rà và mang nhiều thứ không cần thiết. Bạn có lẽ không cần setup test, bạn chưa chắc cần eslint, web vitals và service worker? Không! Chúng có nhiều thứ mà bạn không cần => bundle size của ứng dụng lớn 1 cách không cần thiết.
Nếu sử dụng không đúng cách sẽ ảnh hưởng tới performance của app cũng như tốc độ deploy/intergration. Có nhiều khái niệm đã được opinionated và nếu bạn không hiểu chúng, bạn đã ném đi 10-20% performance của sản phẩm.
Vì thế nên là, điều tiên quyết của một frontend developer khi tiến tới giai đoạn advance learning hoặc join các team production mạnh, thì phải trang bị kiến thức về bundler thật tốt. Webpack, Parcel là những lựa chọn bắt đầu không tồi. Làm chủ Webpack, tức là bạn đã nắm được một trong những bí kíp gia truyền của họ nhà frontend rồi. Vì chất lượng của những sản phẩm ứng dụng web
vậy giữa i5 6300u (2 nhân 4 luồng) với i5 6440HQ (4 nhân 4 luồng) . thì 2 chip này sấp sỉ nhau
có lên đầu tư thêm tiền để từ i5 6300u lên i5 6440HQ không nhỉ
Hay quá, cám ơn bài viết của bạn. Kiến thức vừa đủ chuyên sâu mà văn phong rất dễ đọc.
Nhân tiện, mình chưa hiểu việc setState mà truyền vào một hàm lại có thể thay đổi giá trị của state ngay lập tức. Bản chất đằng sau của thủ thuật này là gì?
xin chia sẻ một quan điểm, thật sự ai mà làm web c# mà đi theo hướng asp.Net thì đúng là "cồng kềnh" thật vì đơn giản là setup bộ công cụ của microsoft mới khoảng gần 4GB .
tuy nhiên vẫn có 1 hướng ít có tài liệu chia sẻ đó là đi theo hướng self-host( tức là ko dùng cái IIS khủng long). ý là dùng dao mổ trâu để giết con kiến.Mình thì có 1 demo cái đó ở một số nơi. Nhưng về hướng phát triển của sản phầm chủ yếu đi theo hướng viết tool cho mấy thằng khác, ý là ko phải viết website mà là đi theo hướng web app.
Cảm ơn bro, bài viết ngắn gọn mà đầy đủ quá!
Cho mình hỏi chút, cách viết test cho DarkMode component như sao? Mình thử viết dùng Jest/Enzyme mà không được...
bác ơi bản mới
"@zeit/next-css": "^1.0.1",
"@zeit/next-sass": "^1.0.1",
hai thằng này đang bị conflig vs tailwind đúng ko em ko tải dc bản ms nhất của tailwind về xóa đi mới tải dc
THẢO LUẬN
Bạn vào file settings.yaml để sửa
Bạn cho mình hỏi chi phí ăn ở bên đó tầm bn/tháng vậy, tính move qua Sing mà đang chần chừ. Nếu bạn có thể list chi tiết thì mình xin cảm ơn
Bạn ơi cho mình hỏi lỡ bấm Y đoạn save config rồi lần sau làm sao để chọn category khác nhỉ?
Có bạn nhé, 6440HQ hơn hẳn
@bodetaima Dạ em cảm ơn chia sẻ của anh ạ 🌻
copy k có tí chất xám nào
Anh cho e hỏi ông "delete" sinh ra để làm gì a nhỉ, vì e thấy a để là ở normal mode cũng k sử dụng đc ?
Nói một cách chuẩn xác hơn thì: Create React App (hãy bất cứ 1 project scaffolding tool nào, framework nào ví dụ như Vue CLI, Angular CLI, Next, Nuxt,...) sử dụng Webpack làm bundler. Các scaffolding tool này không xấu, nó là một cách khởi tạo dự án nhanh và giúp lập trình viên tập trung vào công việc chính, hoặc là tạo ra các prototype phục vụ mục đích demo, testing,...nhưng nó lại không phù hợp với business của các công ty sản phẩm và sản phấm đó phải làm 1 cách chỉn chu. Có vài lí do mà bản thân mình đúc kết ra sau quá trình sử dụng là:
Vì thế nên là, điều tiên quyết của một frontend developer khi tiến tới giai đoạn advance learning hoặc join các team production mạnh, thì phải trang bị kiến thức về bundler thật tốt. Webpack, Parcel là những lựa chọn bắt đầu không tồi. Làm chủ Webpack, tức là bạn đã nắm được một trong những bí kíp gia truyền của họ nhà frontend rồi. Vì chất lượng của những sản phẩm ứng dụng web
Have fun learning and working!
vậy giữa i5 6300u (2 nhân 4 luồng) với i5 6440HQ (4 nhân 4 luồng) . thì 2 chip này sấp sỉ nhau có lên đầu tư thêm tiền để từ i5 6300u lên i5 6440HQ không nhỉ
Hay quá, cám ơn bài viết của bạn. Kiến thức vừa đủ chuyên sâu mà văn phong rất dễ đọc. Nhân tiện, mình chưa hiểu việc setState mà truyền vào một hàm lại có thể thay đổi giá trị của state ngay lập tức. Bản chất đằng sau của thủ thuật này là gì?
@Nhoztay Kiểm tra dữ liệu $orders có nhiều ko? có thể khi json encode có vđ khiến nó xử lý lâu.
Hướng dẫn đăng ký nhanh Nhóm Support có kiến thức sâu về Pi Network
xin chia sẻ một quan điểm, thật sự ai mà làm web c# mà đi theo hướng asp.Net thì đúng là "cồng kềnh" thật vì đơn giản là setup bộ công cụ của microsoft mới khoảng gần 4GB . tuy nhiên vẫn có 1 hướng ít có tài liệu chia sẻ đó là đi theo hướng self-host( tức là ko dùng cái IIS khủng long). ý là dùng dao mổ trâu để giết con kiến.Mình thì có 1 demo cái đó ở một số nơi. Nhưng về hướng phát triển của sản phầm chủ yếu đi theo hướng viết tool cho mấy thằng khác, ý là ko phải viết website mà là đi theo hướng web app.
thank you!
@thangtd90 em cảm ơn anh nhiều ạ. Đúng là hiểu sâu lúc nào cũng tốt hơn ạ
Cảm ơn bro, bài viết ngắn gọn mà đầy đủ quá! Cho mình hỏi chút, cách viết test cho DarkMode component như sao? Mình thử viết dùng Jest/Enzyme mà không được...
bác ơi bản mới
"@zeit/next-css": "^1.0.1", "@zeit/next-sass": "^1.0.1", hai thằng này đang bị conflig vs tailwind đúng ko em ko tải dc bản ms nhất của tailwind về xóa đi mới tải dc
Bài viết rất hay. Cảm ơn tác giả nhé !