Tra cứu các component trong Gutenberg dễ dàng trên StoryBook

Rate this post

Sau khi ra mắt phiên bản WordPress 5.0, dường như việc sử dụng và làm quen với Gutenberg vẫn còn quá mới mẻ với nhiều lập trình viên. Sử dụng Storybook là một cách thú vị giúp bạn có thể tìm ra nhanh hơn thay vì sử dụng Guideline mặc định từ nhóm phát triển.

Gutenberg Component

Như các bạn đã biết, nền tảng của Gutenberg dựa vào React, một framework do đội ngũ lập trình của Facebook phát triển và chia sẻ với cộng đồng. Trong React, việc xây dựng các component là điều bắt buộc và tăng khả năng mở rộng cũng như phát triển.

Đội ngũ lập trình tạo nên Gutenberg – trình soạn thảo mới của WordPress kể từ phiên bản 5.0, cũng tạo ra rất nhiều component như vậy và cho phép lập trình viên tái sử dụng nó.

Storybook

Storybook là một cẩm nang chưa hoàn thiện, cho phép bạn xem thử các component và xem các thuộc tính và khả năng của mỗi component.

Bạn có thể xem ví dụ như dưới đây:

Demo sử dụng Storybook

Storybook là mã nguồn mở, bạn có thể tự cài trên máy thông qua git và npm hoặc xem trực tiếp trên web.

Hi vọng bạn thấy nó cung cấp thêm khả năng giúp bạn tái sử dụng component nhanh nhất.

Viết một bình luận


Chuyên gia về Web
Bạn muốn làm việc với dịch vụ website do chúng tôi triển khai?
Gọi tư vấn 0982.90.4343
Chuyên gia về Web
Bài viết liên quan
Gọi file PHP trong WordPress

19/09/2023

Cài đặt và sử dụng WP-CLI trên môi trường Linux
Trên một số môi trường Hosting có thể cung cấp SSH hoặc Terminal access, song không có sẵn WP-CLI để...
Import database MySQL lớn trên môi trường Docker

06/08/2023

Import database MySQL lớn trên môi trường Docker
Mình sử dụng EasyPanel để quản lý các Docker và build môi trường app. Nay gặp tình huống phải import...

28/01/2023

Hướng dẫn cài đặt php extension mongodb trên Mac OS M1
Khi bạn muốn hỗ trợ MongoDB trên dòng Mac M1, phần cài đặt sẽ cần một chút lưu ý. Hướng...
Git

18/12/2022

Xử lý lỗi Git không thể tiến hành merge do merge.renamelimit
Khi bạn tiến hành merge nhánh phụ vào nhánh chính hoặc lên nhánh production, có thể xung đột xảy ra...