~/talk

Integrating React.js with PHP Projects

Talkat PHP UK Conference 2017 · 2017-02-16..02-17· [react, php]
slides:none on file

Shows concrete integration: a PHP-side react-renderer library plus webpack build steps, three server-rendering choices (exec node process, v8js PHP extension, or an always-on external Node server), and a Symfony path that serializes forms into a JSON/schema representation to generate React.js forms and validation. Demonstrates Redux-style stores for shared state, a working form-generator prototype, and performance tradeoffs with caching and deployment-ready external rendering.

AI-written summary · about

  1. 0:00Start
  2. 5:46The fundamental premise
  3. 7:41Our first component
  4. 9:23render() and JSX
  5. 10:29Thinking in React
  6. 11:36Component hierarchy: props
  7. 12:45Pro tip: Stateless components
  8. 13:03Tip: Presentational and Container components
  9. 15:03React Targets
  10. 15:52Recommended setup
  11. 16:06Webpack
  12. 17:23Insertion
  13. 20:57Call a node.js subprocess Make a call to node.js using Symfony Process component
  14. 22:21External node.js server
  15. 22:48Options 1 & 2
  16. 24:42Redux: a matter of state
  17. 27:17Redux with ReactRenderer
  18. 28:18Dynamic forms, why?
  19. 29:26Typically PHP frameworks have a Form Component
  20. 30:55Using forms in an API
  21. 32:40Forms rendered to HTML
  22. 35:45Case: Complex Wizard Form
  23. 38:25Transform piece by piece
  24. 38:47Transformers
  25. 39:43Leverage json-schema: Validators
  26. 40:05Leverage json-schema: Form generators
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.