O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

Slightly Advanced Topics in Gutenberg Development

1.224 visualizações

Publicada em

Josh Pollock's slides from WordCamp Miami 2018 Future of WordPress workshop. Gutenberg block development.

- https://2018.miami.wordcamp.org/friday-developers/
- https://github.com/caldera-learn/alert-block
- https://calderaforms.com

Publicada em: Internet
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Slightly Advanced Topics in Gutenberg Development

  1. 1. (Slightly) Advanced Block Development Josh Pollock - @josh412 CalderaForms.com
  2. 2. Lead Developer: Caldera Labs ◉ @Josh412 ◉ CalderaForms.com ◉ JoshPress.net Josh Pollock
  3. 3. github.com/caldera-learn/alert-block Example Code:
  4. 4. Using Modern Tooling JSX, webpack, etc.
  5. 5. Important Points ● Do you need webpack? ● Should you use JSX? ● How to use webpack and JSX. ● Scaffolding tools
  6. 6. Going Deeper With Block Attributes Attribute types, meta storage and more.
  7. 7. Important Points ● Block attributes as declarative fields ● Block attribute types ● Saving attributes as meta ● The WordPress REST API
  8. 8. Composing Blocks Using components for more modular blocks
  9. 9. Important Points ● What is a component? ● Class vs function components ● React vs “WordPress” components ● Assembling blocks from components ● Using higher-order components
  10. 10. The Front-end Strategies for front-end rendering of block content
  11. 11. First, a few points ● Static blocks ● Dynamic blocks ● Progressive enhancement ● REST API requests
  12. 12. Any questions ? You can find me at ◉ @Josh412 ◉ CalderaForms.com ◉ JoshPress.net Thanks!

×