File đang dần trở n&ecirc;n lỗi thời. Trong ph&aacute;t triển web ng&agrave;y nay, ch&uacute;ng ta hầu như kh&ocirc;ng cần d&ugrave;ng đến file nữa.
Bạn muốn tạo trang web? Tất cả những g&igrave; bạn cần l&agrave; 1 tr&igrave;nh duyệt. Tạm biệt những ng&agrave;y mệt mỏi với một đống file dự &aacute;n v&agrave; hệ thống file. Đ&atilde; đến l&uacute;c hướng đến một tương lai kh&ocirc;ng d&ugrave;ng file!
Tất nhi&ecirc;n ch&uacute;ng ta vẫn cần d&ugrave;ng components. React v&agrave; Vue đều c&oacute; những component kh&aacute; tốt. Nhưng thay v&igrave; cho v&agrave;o trong file, bạn c&oacute; thể lưu component trong phần tử div của tr&igrave;nh duyệt. Để chỉnh sửa code, h&atilde;y tải VSCode trong div.
Bạn thậm ch&iacute; c&oacute; thể lưu dữ liệu trong tr&igrave;nh duyệt; LocalStorage tương th&iacute;ch với hầu hết c&aacute;c tr&igrave;nh duyệt. Nếu muốn tăng cường khả năng lưu trữ th&igrave; h&atilde;y d&ugrave;ng IndexedDB v&agrave; lưu ảnh dưới dạng dữ liệu nhị ph&acirc;n.
Khi bạn đ&atilde; sẵn s&agrave;ng để triển khai, thực tế trang web đ&atilde; được triển khai sẵn rồi. Trong Web3, mọi thứ sẽ lu&ocirc;n được triển khai sẵn m&agrave; kh&ocirc;ng cần x&acirc;y dựng hay bi&ecirc;n dịch bất cứ thứ g&igrave;.
&nbsp;
<h2 style="text-align: justify;">File extension c&oacute; cần thiết kh&ocirc;ng?</h2>
Ch&uacute;ng ta cũng kh&ocirc;ng cần d&ugrave;ng đến ch&uacute;ng nữa. Th&ocirc;ng thường extension được d&ugrave;ng để chỉ định loại ng&ocirc;n ngữ lập tr&igrave;nh, nhưng ng&agrave;y nay ta c&oacute; thể sử dụng JavaScript để l&agrave;m mọi thứ. Điển h&igrave;nh l&agrave; CSS-in-JS.
&nbsp;
<h2 style="text-align: justify;">T&ecirc;n file</h2>
Khoa học m&aacute;y t&iacute;nh tồn tại 2 vấn đề bất di bất dịch l&agrave;: v&ocirc; hiệu bộ nhớ cache v&agrave; đặt t&ecirc;n cho c&aacute;c th&agrave;nh phần. Nếu kh&ocirc;ng thể giải quyết vấn đề đầu ti&ecirc;n th&igrave; vấn đề thứ hai c&agrave;ng kh&oacute; xử l&yacute; hơn.
&nbsp;
<h2 style="text-align: justify;">Thư mục&nbsp;</h2>
Với c&aacute;ch tiếp cận fileless, ch&uacute;ng ta thao t&aacute;c với component trong phần tử div. V&igrave; thế, bạn c&oacute; thể k&eacute;o thả ch&uacute;ng ở bất kỳ chỗ n&agrave;o tr&ecirc;n m&agrave;n h&igrave;nh tr&igrave;nh duyệt để nh&oacute;m ch&uacute;ng lại với nhau.
&nbsp;
<h2 style="text-align: justify;">Kiểm so&aacute;t phi&ecirc;n bản</h2>
Quy tr&igrave;nh tạo trang web v&agrave; app kh&aacute; đơn giản bởi chỉ c&oacute; một lập tr&igrave;nh vi&ecirc;n l&agrave;m việc tr&ecirc;n mỗi dự &aacute;n. Tạm biệt những ng&agrave;y đau đầu v&igrave; vấn đề xung đột hợp nhất. Nếu muốn quay trở lại phi&ecirc;n bản trước, bạn chỉ cần nhấn &ldquo;back&rdquo; tr&ecirc;n tr&igrave;nh duyệt l&agrave; được.
&nbsp;
<h2 style="text-align: justify;">Sử dụng lại component như thế n&agrave;o?</h2>
Kh&ocirc;ng c&oacute; file đồng nghĩa với kh&ocirc;ng c&oacute; component c&oacute; thể sử dụng lại. Nếu bạn cần d&ugrave;ng 1 component ở 2 chỗ c&ugrave;ng l&uacute;c, n&oacute; sẽ nhấp nh&aacute;y v&agrave; ngay lập tức xuất hiện tại c&aacute;c vị tr&iacute; cần d&ugrave;ng. Bạn sẽ kh&ocirc;ng thể nh&igrave;n thấy điều đ&oacute; trừ khi m&agrave;n h&igrave;nh c&oacute; tần số qu&eacute;t l&agrave; 144hz.
&nbsp;
Bạn cảm thấy đủ thuyết phục chưa?
H&atilde;y c&ugrave;ng hướng đến một tương lai kh&ocirc;ng d&ugrave;ng file, chỉ c&oacute; Fileless.js&trade;️ m&agrave; th&ocirc;i!

Admin

Fileless.js - Cách phát triển frontend không cần dùng file

Cùng tác giả

Admin

Có liên quan