I. What is Template?
Template hay còn được gọi là mẫu hoặc boilerplate … là một khái niệm được sử dụng trong lập trình để chỉ một đoạn mã có thể được sử dụng nhiều lần. Template giúp cho việc phát triển phần mềm nhanh hơn, việc sử dụng một template giúp cho việc phát triển phần mềm được chuẩn hóa, giảm thiểu các lỗi phát sinh trong quá trình phát triển, một phần sử dụng template cũng định hình và cấu trúc hóa cho những người vừa mới bắt đầu.
Ví dụ trong ReactJS hoàn toàn không có một cấu trúc cố định nào, bạn có thể tạo ra một ứng dụng ReactJS với một cấu trúc hoàn toàn khác với người khác, điều này dẫn đến việc khó khăn trong việc bảo trì và phát triển ứng dụng. Vì vậy, một template sẽ giúp bạn có một cấu trúc cố định, giúp bạn dễ dàng bảo trì và phát triển ứng dụng.
II. Some template for Front-end framework
Có rất rất nhiều các boilerplate cho các framework khác nhau, ở đây mình sẽ chỉ giới thiệu một số template của mình cho các framework mà mình đã từng sử dụng. Ở một bài viết khác mình sẽ giới thiệu về các template khác nhau và của những tác giả khác nhau. Những framework của mình mình sẻ thương xuyên update và bổ sung thêm các công nghệ mới nhất để phát triển ứng dụng nhanh chóng và hiệu quả nhất.
1. ReactJS
Với hậu thuẩn từ Facebook và Instagram, ReactJS được phát triển để giúp các lập trình viên xây dựng các ứng dụng web nhanh chóng, dễ dàng và có hiệu suất cao. ReactJS là một thư viện mã nguồn mở được sử dụng rộng rãi để xây dựng các giao diện người dùng (UI) cho các ứng dụng web. Nó cho phép các nhà phát triển sử dụng các thành phần riêng lẻ để xây dựng các giao diện người dùng phức tạp cho các ứng dụng web và di động. ReactJS cũng cho phép các nhà phát triển sử dụng các thư viện khác để xây dựng các thành phần UI. Là một framework quốc dân, React cũng sở hữu đội ngũ cộng đồng lớn nhất trong các framework hiện nay, với vô vàng các thư viện hỗ trợ, các template, các công cụ hỗ trợ, … cho các lập trình viên. Dưới đây là một template mà mình đang sử dụng cho các dự án của mình, template này được mình xây dựng dựa trên các template khác nhau và được mình tối ưu lại cho việc phát triển ứng dụng nhanh chóng và hiệu quả.
React Template
Trong này được sử dụng các công nghệ như:
Tương lai mình sẻ add thêm các package khác như:
- React Hook Form
- Zod
- v.v…
2. NextJS
Tương tự như ReactJS, NextJS cũng là một framework của ReactJS được phát triển bởi Vercel. NextJS là một framework phổ biến cho phát triển các ứng dụng web và mobile. Nó cung cấp các tính năng như routing và truyền dữ liệu, hỗ trợ các ứng dụng được tối ưu hóa cho SEO, hỗ trợ các ứng dụng được tối ưu hóa cho mobile, hỗ trợ các ứng dụng được tối ưu hóa cho hiệu suất, v.v… NextJS cũng là một framework quốc dân, với đội ngũ cộng đồng lớn, với vô vàng các thư viện hỗ trợ, các template, các công cụ hỗ trợ, … cho các lập trình viên.
NextJS Template
Trong này được sử dụng các công nghệ như:
3. VueJS
VueJS là một framework bắt nguồn từ Trung Quốc, được phát triển bởi Yuxi (Evan) You. gần đây VueJS đang phát triển rất mạnh mẽ và được sử dụng rộng rãi trên toàn thế giới. Với cách viết khá đơn giản và dễ hiểu cùng với nhiều framework từ các pháp sư trung hoa. VueJS đang có vị trí rất cao trên thế giới và các nhà tuyển dụng.
Trong này được sử dụng các công nghệ như:
Tương lai mình sẻ add thêm các package khác và có thể thêm template cho NuxtJS
4. SolidJS
SolidJS là một framework mới ra mắt vào năm 2020, được phát triển bởi Ryan Carniato.
SolidJS là một framework khá mới và đang được phát triển rất mạnh mẽ và reactive hơn rất nhiều, có thể đây sẽ là một trong những framework được sử dụng rộng rãi trong tương lai. hoặc là nền móng cho các framework khác.
Trong này được sử dụng các công nghệ như:
So, what another framework?
Trong tương lai gần mình sẽ cố gắng thêm các framework khác với các công nghệ khác, đảm bảo các bạn và mình có thể tiếp cận các công nghê mới một cách nhanh nhất.
III. Summary
Trên đây là một số template mà mình đã tạo ra, và sẽ cố gắng tạo ra nhiều template khác nữa. Các framework trên đều rất dễ tiếp cận với người mới, nếu các bạn mới bắt đầu với Front-end thì nên chọn cho mình một framework đầu tiên để học, sau đó các bạn có thể lấy kiến thức đó hỗ trợ ở các framework khác. Ở các template trên các bạn có thể tham khảo và sử dụng nó nếu thấy thiếu sót các bạn có thể tạo PR vào repository của mình. Nếu có thắc mắc hoặc góp ý các bạn có thể comment ở dưới, mình sẽ cố gắng trả lời các bạn sớm nhất có thể.