Bring Your PHP Application to the Next Level with React.JS
summary
Combines PHP server-side rendering with React.JS by mounting React components into PHP pages to keep fast interactive UIs. Shows a concrete reusable React component — a single "follow" button — reused site-wide without duplicating PHP, JS, HTML, CSS or AJAX endpoints, and walks through tooling, integration patterns, and measured reductions in duplicated code using a real project architecture.
AI-written summary · about
chapters (39)
- 0:00Intro
- 0:27Application architecture
- 0:44Code and component re-use
- 0:55Rapid Development
- 1:23With PHP and React.js
- 2:53ResearchGate SCIENTIFIC NETWORK
- 4:13PHP templates
- 5:13Small components over big controllers
- 6:48Share code between server and client
- 7:55Virtual DOM
- 12:01Getting the data in there
- 13:00Problematic
- 14:04Underfetching
- 15:05Flux Datastores
- 16:48Requirements
- 18:24Remember: self contained
- 19:12Do not fetch data directly
- 19:23Require stuff
- 21:15Request Cache
- 21:32Futures
- 22:02Data dependencies within a widget
- 22:41PHP 5.5 Generators
- 26:33Data dependencies between Widgets
- 26:54Assembling the tree
- 27:10Widget Requirement
- 29:59Getting the data to React.js
- 32:14Server side rendering
- 32:24Better user experience
- 33:00Several approaches
- 34:20NodeJS proxy
- 36:11Bundling
- 42:31Rapid prototyping
- 42:50Easier Refactoring
- 43:00Error Handling
- 44:45Feature toggles
- 45:50Caching of Components
- 46:55Load components asynchronously
- 47:25Conclusion?
- 48:05Frontend and backend are part of the same application
related talks
44mIntegrating React.js with PHP Projects
40mIntegrating React.js into a PHP application
46mPushing the limits of PHP with React PHP
46mReaktywny PHP
42mServer-side Rendering of JavaScript in PHP
38mMigrating from PHP legacy code to React & Best Practices in React
33mAn Introduction to Asynchronous PHP using ReactPHP
01h 19mServer side rendering of React with Symfony