Как да си направим разширение с Реакт и WP REST API

Как да си направим разширение с Реакт и WP REST API

27378dfefac1382ffcbc63e7183834ae?s=128

Stanimir Stoyanov

May 11, 2019
Tweet

Transcript

  1. Как да си направим разширение с Реакт и WP REST

    API
  2. За мен WordPress Developer @ SiteGround Core Contributor WordCamp Organizer

    Meetup Organizer Plugin Developer Father of two :)
  3. Прост и Лесен за учене Бърз Преизползваеми компоненти State container(Redux)

    Защо Реакт? #WCPLD
  4. Прост и лесен за учене #WCPLD

  5. Реакт е бърз! #WCPLD Real DOM Diff Patch Virtual DOM

    DOM
  6. #WCPLD Реакт е бърз!

  7. Преизползваеми компоненти #WCPLD

  8. Redux #WCPLD The box organises the state in a single

    place
  9. Redux #WCPLD You can ask the box what’s the current

    state ?
  10. Redux #WCPLD You can describe a change in the state

    to the box
  11. Redux #WCPLD The box will notify when its state changes

  12. Redux #WCPLD Без Redux Компонент, иницииращ промяна С Redux STORE

  13. #WCPLD Създаване на React App facebook.github.io/create-react-app/docs/getting-started

  14. Кога да използваме Реакт? #WCPLD

  15. #WCPLD

  16. WP REST API #WCPLD "The WordPress REST API provides API

    endpoints for WordPress data types that allow developers to interact with sites remotely by sending and receiving JSON (JavaScript Object Notation) objects"
  17. example.com/wp-json/siteground-optimizer/v1/optimize-images WP REST API #WCPLD

  18. example.com/wp-json/siteground-optimizer/v1/optimize-images #WCPLD

  19. None
  20. #WCPLD WP REST API

  21. #WCPLD

  22. wp_localize_script()

  23. Да си направим Реакт приложение! #WCPLD

  24. #WCPLD

  25. #WCPLD

  26. #WCPLD

  27. #WCPLD

  28. #WCPLD

  29. #WCPLD

  30. #WCPLD

  31. #WCPLD

  32. None
  33. None