Gutenberg: Links para referência de código

  • Tempo de leitura: 4 min.

Antes de mais nada, FELIZ ANO NOVO! Nesse vídeo comento uma lista de links úteis para quem quer aprender a programar para o novo editor de blocos do WordPress, o Gutenberg.

1. Go Gutenberg

Não é tanto para desenvolvedores, mas a lista completa de blocos disponíveis no Gutenberg pode ajudar a se encontrar.

Dica do Daniel Kossman, no meetup de WordPress em Curitiba.

Link: https://gogutenberg.com/

2. Handbook do Gutenberg no WordPress.org

Referência obrigatória para qualquer coisa que você vá fazer no WordPress. Nem sempre está tão atualizada quando deveria, mas é sempre uma referência.

Link: https://wordpress.org/gutenberg/handbook/

3. Repositório do Gutenberg no GitHub

Útil tanto para consultar os arquivos que geram o handbook quanto para ver como o próprio Gutenberg se estrutura e cria seus blocos.

Link: https://github.com/WordPress/gutenberg

4. gutenberg-examples

Exemplos completos, nem sempre tão atualizados. Pode ser que seja descontinuado, mas é uma excelente forma de começar.

Link: https://github.com/WordPress/gutenberg-examples

5. WordPress JS Plugin Starter

Um bom passo a passo de como montar seus blocos. Além disso, usa ferramenta fácil para o empacotamento chamada Parcel.

Link: https://github.com/youknowriad/wp-js-plugin-starter

6. WP Storybook

Ferramentinha criada pela Lubus como referência para os elementos React do WordPress. Ainda em desenvolvimento, mas com grande potencial.

Link: https://wp-storybook.netlify.com/
Repositório no GitHub: https://github.com/lubusIN/wp-storybook


Se você conhece algum link que eu não comentei, não se esqueça de deixar aqui nos comentários. Também não se esqueça de curtir, compartilhar e assinar o canal e a newsletter! 😀

Felipe Elia

Associate Director of Platform Engineering na 10up, WordPress Core Contributor, Global Polyglots Mentor na comunidade internacional do WordPress e Locale Manager na comunidade WordPress Brasil.