Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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


Stanimir Stoyanov

May 11, 2019

More Decks by Stanimir Stoyanov

Other Decks in Programming


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

  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

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

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

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

  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

  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