Muitas pessoas reclamam sobre os obst\u00e1culos para come\u00e7ar a construir blocos e aplicativos Gutenberg. A curva de aprendizado \u00e9 \u00edngreme, principalmente devido \u00e0 dificuldade de instalar e configurar o ambiente de desenvolvimento. Al\u00e9m disso, um s\u00f3lido conhecimento de JavaScript, Node.js, React e Redux s\u00e3o ingredientes indispens\u00e1veis para esta receita bastante complexa.<\/p>\n
O Manual Oficial do Editor de Blocos do WordPress<\/a> fornece aos desenvolvedores uma tremenda quantidade de informa\u00e7\u00f5es, mas voc\u00ea pode se ver perdido naquele mar de detalhes.<\/p>\n E vale a pena mencionar o que Mat\u00edas Ventura, arquiteto l\u00edder do projeto Gutenberg, relatou em sua entrevista com a WP Tavern<\/a>:<\/p>\n Enquanto h\u00e1 pessoas que podem aprender rapidamente, ainda \u00e9 uma grande barreira para as pessoas. Eu acho que h\u00e1 v\u00e1rias camadas para isso; a documenta\u00e7\u00e3o poderia ser uma ordem de magnitude melhor tanto na organiza\u00e7\u00e3o quanto na apresenta\u00e7\u00e3o. Eu espero que possamos fazer muito mais l\u00e1.<\/em><\/p><\/blockquote>\n Com isso em mente, n\u00f3s decidimos fornecer um tutorial passo a passo com o objetivo de ajudar nossos leitores a come\u00e7ar com o desenvolvimento de blocos Gutenberg.<\/p>\n Parece interessante? Vamos mergulhar!<\/p>\n Para este tutorial, as \u00fanicas habilidades necess\u00e1rias ser\u00e3o um bom conhecimento do desenvolvimento de plugins WordPress e pelo menos um entendimento b\u00e1sico de HTML<\/a>, CSS, JavaScript e React.<\/p>\n Ser\u00e1 que este ser\u00e1 um projeto ambicioso? Voc\u00ea pode apostar que sim!<\/p>\n N\u00e3o foi f\u00e1cil encontrar o compromisso certo entre completude e simplicidade ou decidir quais t\u00f3picos incluir e quais deixar de fora.<\/p>\n Esperamos que os leitores intermedi\u00e1rios e avan\u00e7ados nos perdoem por n\u00e3o nos aprofundarmos em certos conceitos, tais como React state<\/a>, Redux store<\/a>, componentes de alta ordem<\/a>, e assim por diante. Estes t\u00f3picos requerem espa\u00e7o e aten\u00e7\u00e3o adicionais e provavelmente s\u00e3o muito avan\u00e7ados para iniciar o desenvolvimento em bloco (a menos que voc\u00ea seja um desenvolvedor React).<\/p>\n Pela mesma raz\u00e3o, n\u00e3o vamos cobrir alguns dos t\u00f3picos mais avan\u00e7ados relacionados ao desenvolvimento de blocos Gutenberg, tais como blocos din\u00e2micos<\/a> e meta boxes<\/a>.<\/p>\n Com o conhecimento que voc\u00ea ganhar\u00e1 ao final deste artigo, voc\u00ea poder\u00e1 come\u00e7ar a se divertir e ser produtivo imediatamente.<\/p>\n Uma vez que voc\u00ea come\u00e7ar a construir blocos, voc\u00ea estar\u00e1 pronto para melhorar ainda mais suas habilidades e construir blocos Gutenberg ainda mais avan\u00e7ados por conta pr\u00f3pria.<\/p>\n\n Desde que foi lan\u00e7ado pela primeira vez em dezembro de 2018, o editor de blocos<\/a> foi muito melhorado em todos os aspectos: APIs mais poderosas<\/a>, uma interface de usu\u00e1rio mais avan\u00e7ada, melhor usabilidade, uma tonelada de novos blocos, as primeiras implementa\u00e7\u00f5es do Full site editing (Edi\u00e7\u00e3o completa do site)<\/a>, e muito mais.<\/p>\n Em resumo, mesmo que o Gutenberg ainda esteja em um desenvolvimento pesado, ele percorreu um longo caminho – e hoje, o editor de blocos \u00e9 um candidato de pleno direito como um construtor confi\u00e1vel e funcional de p\u00e1ginas e sites.<\/p>\n Do ponto de vista de um desenvolvedor, Gutenberg \u00e9 um aplicativo de p\u00e1gina \u00fanica<\/a> (SPA) baseado em rea\u00e7\u00f5es que permite aos usu\u00e1rios do WordPress criar, editar e excluir conte\u00fado no WordPress. Entretanto, isto n\u00e3o deve fazer voc\u00ea pensar em uma vers\u00e3o melhorada do editor de conte\u00fado tradicional<\/a>.<\/p>\n N\u00f3s queremos deixar isso claro:<\/p>\nPr\u00e9-requisitos para o desenvolvimento de blocos Gutenberg<\/h2>\n
O que \u00e9 um bloco Gutenberg?<\/h2>\n