Bring Your PHP Application to the Next Level with React.JS

Explore how to enhance PHP applications using React.js in this 59-minute conference talk from PHP UK Conference. Learn about combining React's powerful user interface capabilities with PHP to create fast, maintainable, and interactive web applications. Discover techniques for server-side rendering, component-based architecture, and code reusability across PHP, JavaScript, HTML, CSS, and AJAX endpoints. Dive into topics such as virtual DOM, data fetching strategies, Flux datastores, and handling data dependencies. Gain insights on rapid prototyping, error handling, feature toggles, and asynchronous component loading. Understand how to create a flexible architecture that allows for easy placement of UI elements throughout your site without duplicating code.

Intro
Application architecture
Code and component re-use
Rapid Development
With PHP and React.js
ResearchGate SCIENTIFIC NETWORK
PHP templates
Small components over big controllers
Share code between server and client
Virtual DOM
Getting the data in there
Problematic
Underfetching
Flux Datastores
Requirements
Remember: self contained
Do not fetch data directly
Require stuff
Request Cache
Multi-GET
Futures
Data dependencies within a widget
Callbacks
PHP 5.5 Generators
Data dependencies between Widgets
Assembling the tree
Widget Requirement
Getting the data to React.js
Server side rendering
Better user experience
Several approaches
NodeJS proxy
Bundling
Rapid prototyping
Easier Refactoring
Easy re-using of components
Error Handling
Feature toggles
Caching of Components
Load components asynchronously
Conclusion?
Think about your architecture
Frontend and backend are part of the same application