Как да си направим разширение с Реакт и 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

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