Phát triển blog công nghệ với Gatsby dựa trên React

Xin chào các bạn sinh viên!

Tôi viết bài này để thông báo rằng bài giảng đã được cập nhật.

Nó đã được cập nhật để tính đến các thư viện không được dùng nữa và các quy ước mã hóa được sử dụng trong blog mẫu và những thay đổi được tóm tắt bên dưới!

1. Chúng tôi đã thêm tất cả các tệp cấu hình Gatsby trong thư mục gốc vào tệp .eslintignore để tránh xuất hiện các lỗi không đáng có khi xem.

2. Là một thuộc tính trong tệp .prettierrc , tùy chọn semi cho việc có phải nhập dấu chấm phẩy dưới dạng kết thúc câu lệnh hay không đã được thay đổi thành false để xóa dấu chấm phẩy tồn tại trong tất cả các tệp liên quan đến React.

3. Loại Props được xác định ở đầu tệp thành phần React đã được thay đổi từ xác định Interface sang xác định nó là Type .

4. Tôi đã xác định một loại bằng cách truy vấn dữ liệu bài đăng thông qua GraphQL, nhưng vì loại này được sử dụng nhiều lần nên tôi đã tạo tệp src/types/PostItem.types.ts và xác định loại ở đó.

5. Thư viện gatsby-image không còn được dùng nữa và đã được di chuyển sang thư viện gatsby-plugin-image thay thế.

Vì phong cách và nội dung mã hóa đã thay đổi trong suốt nội dung bài giảng, chúng tôi khuyên bạn nên đọc lại tất cả các phần ngoại trừ các chương tìm hiểu về Gatsby và định cấu hình môi trường phát triển, khởi chạy một trang đơn giản, phân phối trang web và đăng ký trang web với quản trị viên web công cụ .

Tuy nhiên, không có vấn đề gì lớn nếu bạn theo sát nội dung bài giảng hiện có nên tôi nghĩ sinh viên có thể lựa chọn tùy theo sự thuận tiện của mình :)