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

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
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