Giới thiệu công cụ khởi tạo project cho full stack developer

Tram Ho

Lời nói đầu

Xin chào các bạn, mỗi khi các bạn bắt đầu một dự án mới, việc cấu hình hay cài đặt các thư viện ban đầu thực sự tốn rất nhiều thời gian và công sức của các bạn dev. Đó là lý do tại sao mà boilerplate ra đời.

Boilerplate là gì?

Boilerplate là một bộ khung sườn hay cũng có thể hiểu là một template. Boilerplate giúp các bạn đơn giản hóa việc cấu hình cấu trúc file và thư mục của dự án, ngoài ra người làm ra boilerplate cũng tích hợp sẵn một số thư viện tiêu biếu giúp bạn tiết kiệm thời gian cho việc tìm kiếm và cài đặt các thư viện.

Thực sự thì bạn có thể tìm thấy rất nhiều boilerplate trên github, nhưng trong bài viết này, mình xin chia sẻ với các bạn boilerplate của minh, nó có tên là erb (viết tắt của express-react-boilerplate).

Erb

Giới thiệu

Boilerplate của mình bao gồm các thành phần và tính năng chính như sau:

  • Express – Là framework để viết restful API.
  • React – Là một thư viện giúp bạn xây dựng giao diện người dùng bằng ngôn ngữ javascript.
  • MongoDB – Cơ sở dữ liệu NOSQL dành cho Node.js để lưu trữ data.
  • Server side rendering.
  • Redux, Redux-thunk
  • Hot reloading
  • SEO
  • Đa ngôn ngữ
  • etc.

Cấu trúc

Cách sử dụng

Có 2 cách sử dụng:

  1. Truy cập vào git của erb và clone về.
  2. Các bạn có thể tải về thông qua npm

Các lệnh mà erb cung cấp

ScriptDescription
devChạy server ở môi trường develpment.
startChạy server ở môi trường production.
buildĐóng gói code (bao gồm server & client) vào thư mục dist/.
wpĐóng gói client vào thư mục dist/.
analyzeXem các gói của bạn một cách trực quan hơn dưới dạng treemap.
storybookChạy storybook server.
testChạy unit test.

Demo

https://htdangkhoa-erb.herokuapp.com/

Kết luận

Erb là một boilerplate phù hợp với những dự án vừa và lớn. Nó thật sự giúp bạn tiết kiệm được một khoảng thời gian lớn. Ngoài những tính năng mà mình đã nói trên, các bạn có thể xem chi tiết lợi ích mà nó mang lại tại đây.

Nếu các bạn thấy hay thì có thể ủng hộ cho mình 1 star trên github nhé 😃.

Chúc các bạn một ngày vui vẻ ❤️.

Tài liệu tham khảo

Chia sẻ bài viết ngay

Nguồn bài viết : Viblo