Node.js
49
good fit, huge ecosystem
interesting concepts
Slide 50
Slide 50 text
Node.js
50
good fit, huge ecosystem
interesting concepts
npm install…
Slide 51
Slide 51 text
nodejs?
51
Slide 52
Slide 52 text
no js!
52
Slide 53
Slide 53 text
Everybody’s favorite language…
53
Slide 54
Slide 54 text
PHP
54
Slide 55
Slide 55 text
PHP
55
gets the job done
Slide 56
Slide 56 text
PHP
56
gets the job done
widespread usage
Slide 57
Slide 57 text
PHP
57
gets the job done
widespread usage
if PHP can do it…
Slide 58
Slide 58 text
Enter React!
58
Slide 59
Slide 59 text
59
Slide 60
Slide 60 text
The other React™
60
Slide 61
Slide 61 text
The REAL React™
61
Slide 62
Slide 62 text
62
Slide 63
Slide 63 text
What is React?
63
Slide 64
Slide 64 text
What is React?
non-blocking I/O
64
Slide 65
Slide 65 text
What is React?
non-blocking I/O
event-driven
65
Slide 66
Slide 66 text
What is React?
non-blocking I/O
event-driven
async
66
Slide 67
Slide 67 text
100%
67
Slide 68
Slide 68 text
100%
pure PHP
68
Slide 69
Slide 69 text
100%
pure PHP
no extensions
69
Slide 70
Slide 70 text
100%
pure PHP
no extensions
no magic
70
Slide 71
Slide 71 text
What does that even mean?!
71
Slide 72
Slide 72 text
the idea
72
Slide 73
Slide 73 text
calculations are fast
73
the idea
Slide 74
Slide 74 text
calculations are fast
I/O is slow
74
the idea
Slide 75
Slide 75 text
I/O is everywhere
75
Slide 76
Slide 76 text
I/O is everywhere
third party HTTP APIs (RESTful, SOAP, you name it…)
76
Slide 77
Slide 77 text
I/O is everywhere
third party HTTP APIs (RESTful, SOAP, you name it…)
mysql, postgres
77
Slide 78
Slide 78 text
I/O is everywhere
third party HTTP APIs (RESTful, SOAP, you name it…)
mysql, postgres
filesystem I/O (session files)
78
Slide 79
Slide 79 text
I/O is everywhere
third party HTTP APIs (RESTful, SOAP, you name it…)
mysql, postgres
filesystem I/O (session files)
redis, memcache 79
Slide 80
Slide 80 text
80
Source: Latency Numbers Every Programmer Should Know: https://gist.github.com/jboner/2841832
CPU vs I/O
Slide 81
Slide 81 text
I/O is slow!
81
Slide 82
Slide 82 text
I/O is slow!
So why wait?
82
Slide 83
Slide 83 text
This is React
83
Slide 84
Slide 84 text
This is React
84
Start multiple I/O operations (non-blocking)
Slide 85
Slide 85 text
This is React
85
Start multiple I/O operations (non-blocking)
Get notified when something happens (react)
Slide 86
Slide 86 text
This is React
86
Start multiple I/O operations (non-blocking)
Get notified when something happens (react)
Don’t waste time waiting
Slide 87
Slide 87 text
What React is not
87
Slide 88
Slide 88 text
What React is not
React is not black magic / vodoo
88
Slide 89
Slide 89 text
What React is not
React is not black magic / vodoo
React is not a framework
89
Slide 90
Slide 90 text
What React is not
React is not black magic / vodoo
React is not a framework
React is not the new buzz
90
Slide 91
Slide 91 text
React core components
91
Slide 92
Slide 92 text
event loop
92
Slide 93
Slide 93 text
Event loop
Consumers
- THE core, low-level component
93
Slide 94
Slide 94 text
Event loop
Consumers
- THE core, low-level component
- Create an instance
- Just use the Factory
- Additional extensions for bigger payloads
- something inbetween…
- just pass the $loop around
- Start running
- keeps running forever
- unless stopped or done
94
Slide 95
Slide 95 text
Event loop
Consumers
- THE core, low-level component
- Create an instance
- Just use the Factory
- Additional extensions for bigger payloads
- something inbetween…
- just pass the $loop around
- Start running
- keeps running forever
- unless stopped or done
95
Slide 96
Slide 96 text
Event loop
Implementors
- Reactor pattern (hence the name)
96
Slide 97
Slide 97 text
Event loop
Implementors
- Reactor pattern (hence the name)
- start timers
- once
- periodic
- ticks
97
Slide 98
Slide 98 text
Event loop
Implementors
- Reactor pattern (hence the name)
- start timers
- once
- periodic
- ticks
98
Slide 99
Slide 99 text
Event loop
Implementors
- Reactor pattern (hence the name)
- start timers
- once
- periodic
- ticks
99
Slide 100
Slide 100 text
Event loop
Implementors
- Reactor pattern (hence the name)
- start timers
- once
- periodic
- ticks
- plus wait for stream resources to become
- readable
- writable
100
Slide 101
Slide 101 text
streaming data
101
Slide 102
Slide 102 text
Streams
- Process large strings in chunks as they happen (think downloads)
- Types
- Readable (e.g. STDIN pipe)
- Writable (e.g. STDOUT pipe)
- Duplex (e.g. TCP/IP connection)
102
Slide 103
Slide 103 text
Stream interfaces and events
103
Slide 104
Slide 104 text
Stream interfaces and events
104
Slide 105
Slide 105 text
Stream interfaces and events
105
Slide 106
Slide 106 text
sockets
106
Slide 107
Slide 107 text
Sockets
107
- Streams, but over the network
Slide 108
Slide 108 text
Sockets
108
- Streams, but over the network
- servers listen
- clients connect
Slide 109
Slide 109 text
Sockets
109
- Streams, but over the network
- servers listen
- clients connect
- Focus on TCP/IP (UDP etc. also possible)
Slide 110
Slide 110 text
Sockets
110
- Streams, but over the network
- servers listen
- clients connect
- Focus on TCP/IP (UDP etc. also possible)
Slide 111
Slide 111 text
Sockets
111
- Streams, but over the network
- servers listen
- clients connect
- Focus on TCP/IP (UDP etc. also possible)
Slide 112
Slide 112 text
Sockets
112
- Streams, but over the network
- servers listen
- clients connect
- Focus on TCP/IP (UDP etc. also possible)
Slide 113
Slide 113 text
Sockets
113
- Streams, but over the network
- servers listen
- clients connect
- Focus on TCP/IP (UDP etc. also possible)
Slide 114
Slide 114 text
Sockets in practice
114
Slide 115
Slide 115 text
Sockets in practice
- implementation detail
115
Slide 116
Slide 116 text
Sockets in practice
- implementation detail
- higher level protocols (HTTP anybody)
116
Slide 117
Slide 117 text
Sockets in practice
- implementation detail
- higher level protocols (HTTP anybody)
- higher level concepts (RESTful etc.)
117
Slide 118
Slide 118 text
Sockets in practice
- implementation detail
- higher level protocols (HTTP anybody)
- higher level concepts (RESTful etc.)
- higher level APIs (SDKs, API clients etc.)
118
Slide 119
Slide 119 text
Sockets in practice
- implementation detail
- higher level protocols (HTTP anybody)
- higher level concepts (RESTful etc.)
- higher level APIs (SDKs, API clients etc.)
- Concepts still apply, details are hidden
119
Slide 120
Slide 120 text
promises
120
Slide 121
Slide 121 text
Promises
- Placeholder for a single future result
- Possible states:
- pending
- fulfilled (successfully resolved)
- rejected (Exception occured)
121
Slide 122
Slide 122 text
Promise API
122
Slide 123
Slide 123 text
Promise API
123
Slide 124
Slide 124 text
Promise API usage
124
Slide 125
Slide 125 text
Promise API usage
125
Slide 126
Slide 126 text
Promise API usage
126
Slide 127
Slide 127 text
Promises in practice
-
127
Slide 128
Slide 128 text
Promises in practice
- Everywhere!
128
Slide 129
Slide 129 text
Promises in practice
- Everywhere!
- react/socket
- clue/buzz-react
- clue/packagist-react
- clue/redis-react
- react/mysql
- …
129
Slide 130
Slide 130 text
HTTP streaming
130
Slide 131
Slide 131 text
HTTP in a gist
131
Slide 132
Slide 132 text
HTTP in a gist
132
GET / HTTP/1.1
Slide 133
Slide 133 text
HTTP in a gist
133
GET / HTTP/1.1
HTTP/1.1 200 OK
Content-Type: text/plain
hello world!
Slide 134
Slide 134 text
HTTP in a gist
134
GET / HTTP/1.1
HTTP/1.1 200 OK
Content-Type: text/plain
hello world!
Server-Sent Events in a gist
143
- Normal Request/Response
- Client API for streaming access
Slide 144
Slide 144 text
Server-Sent Events in a gist
144
- Normal Request/Response
- Client API for streaming access
HTTP/1.1 200 OK
Content-Type: text/event-stream
Slide 145
Slide 145 text
Server-Sent Events in a gist
145
- Normal Request/Response
- Client API for streaming access
HTTP/1.1 200 OK
Content-Type: text/event-stream
data: hello
Slide 146
Slide 146 text
Server-Sent Events in a gist
146
- Normal Request/Response
- Client API for streaming access
HTTP/1.1 200 OK
Content-Type: text/event-stream
data: hello
data: world
Slide 147
Slide 147 text
Server-Sent Events in a gist
147
- Normal Request/Response
- Client API for streaming access
HTTP/1.1 200 OK
Content-Type: text/event-stream
data: hello
data: world
Slide 148
Slide 148 text
fully-functional streaming
HTTP server in a single PHP
file
148
Slide 149
Slide 149 text
many, MANY more third-party projects:
https://github.com/reactphp/react/wiki/Users
149
Slide 150
Slide 150 text
150
Slide 151
Slide 151 text
Conclusions
151
Slide 152
Slide 152 text
152
Can I use ReactPHP to make my website 1000x faster?
Slide 153
Slide 153 text
YES
153
Can I use ReactPHP to make my website 1000x faster?
Slide 154
Slide 154 text
YES
154
But you might be missing the point…
Can I use ReactPHP to make my website 1000x faster?
Slide 155
Slide 155 text
PHP
155
Slide 156
Slide 156 text
PHP
faster than you probably thought
156
Slide 157
Slide 157 text
PHP
faster than you probably thought
more versatile than you probably thought
157
Slide 158
Slide 158 text
ReactPHP
158
Slide 159
Slide 159 text
ReactPHP
159
a real deal and here to stay
Slide 160
Slide 160 text
ReactPHP
160
a real deal and here to stay
stable & production ready
Slide 161
Slide 161 text
ReactPHP
161
a real deal and here to stay
stable & production ready
*awesome*
Slide 162
Slide 162 text
try!
162
Slide 163
Slide 163 text
try!
whenever having to wait
163
Slide 164
Slide 164 text
try!
whenever having to wait
whenever accessing network
164
Slide 165
Slide 165 text
help!
165
Slide 166
Slide 166 text
help!
elaborate documentation on ReactPHP.org
166
Slide 167
Slide 167 text
help!
elaborate documentation on ReactPHP.org
tweet @ReactPHP or #reactphp
167
Slide 168
Slide 168 text
help!
elaborate documentation on ReactPHP.org
tweet @ReactPHP or #reactphp
Talk to me
168
Slide 169
Slide 169 text
help!
elaborate documentation on ReactPHP.org
tweet @ReactPHP or #reactphp
Talk to me
Did I mention I’m available? 169
integration
non-blocking and blocking don’t mix well
172
Slide 173
Slide 173 text
integration
non-blocking and blocking don’t mix well
decide for either approach
173
Slide 174
Slide 174 text
integration
non-blocking and blocking don’t mix well
decide for either approach
isolate & communicate
174
Slide 175
Slide 175 text
Integration with traditional environments
175
integrating async into sync is easy
Slide 176
Slide 176 text
Integration with traditional environments
176
integrating async into sync is easy
- just run the loop until you’re done
- see clue/block-react
Slide 177
Slide 177 text
Integration with traditional environments
177
integrating async into sync is easy
- just run the loop until you’re done
- see clue/block-react
integrating sync into async is hard
Slide 178
Slide 178 text
Integration with traditional environments
178
integrating async into sync is easy
- just run the loop until you’re done
- see clue/block-react
integrating sync into async is hard
- often requires async rewrite
- consider forking instead
Slide 179
Slide 179 text
Avoid blocking!
- The loop must not be blocked
179
Slide 180
Slide 180 text
Avoid blocking!
- The loop must not be blocked
- Many functions / lib assume blocking by default
- Anything >1ms should be reconsidered
180
Slide 181
Slide 181 text
Avoid blocking!
- The loop must not be blocked
- Many functions / lib assume blocking by default
- Anything >1ms should be reconsidered
- Alternatives
- Single result: Promises
- Evented: Streams
181
Slide 182
Slide 182 text
Avoid blocking!
- The loop must not be blocked
- Many functions / lib assume blocking by default
- Anything >1ms should be reconsidered
- Alternatives
- Single result: Promises
- Evented: Streams
- Need a blocking function?
- Fork off!
- Use IPC
182
Slide 183
Slide 183 text
Avoid blocking!
- The loop must not be blocked
- Many functions / lib assume blocking by default
- Anything >1ms should be reconsidered
- Alternatives
- Single result: Promises
- Evented: Streams
- Need a blocking function?
- Fork off!
- Use IPC
183
Pay attention:
- PDO, mysql etc.
- file system access
- network access
- third-party APIs