Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

Slightly Advanced Topics in Gutenberg Development

1.120 Aufrufe

Veröffentlicht am

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

Veröffentlicht in: Internet
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

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!

×