| <!doctype html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="x-ua-compatible" content="ie=edge"> | |
| <title></title> | |
| <meta name="description" content=""> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <!-- Place favicon.ico in the root directory --> | |
| <link rel="stylesheet" href="css/app.css"> |
Hi Nicholas,
I saw you tweet about JSX yesterday. It seemed like the discussion devolved pretty quickly but I wanted to share our experience over the last year. I understand your concerns. I've made similar remarks about JSX. When we started using it Planning Center, I lead the charge to write React without it. I don't imagine I'd have much to say that you haven't considered but, if it's helpful, here's a pattern that changed my opinion:
The idea that "React is the V in MVC" is disingenuous. It's a good pitch but, for many of us, it feels like in invitation to repeat our history of coupled views. In practice, React is the V and the C. Dan Abramov describes the division as Smart and Dumb Components. At our office, we call them stateless and container components (view-controllers if we're Flux). The idea is pretty simple: components can'
| // All ES6 functions | |
| // Used for showing how memoization saves execution cycles | |
| let counter = 0; | |
| // Naive Fibonacci function that calculates every value of a Fibonacci number from 0 every time it's called. | |
| let fibNaive = (n) => { | |
| counter++ | |
| console.log("fibNaive call #: " + counter); | |
| return n < 2 ? n : fibNaive(n-1) + fibNaive (n-2); | |
| }; |
| using System; | |
| using System.IO; | |
| using System.Web.UI; | |
| using System.Web.UI.WebControls; | |
| public class DirectoryListing:Page | |
| { | |
| protected void WriteTitle() | |
| { | |
| Response.Write("Listing contents of directory"); |
| @Override | |
| protected void actionOnTouch(float x, float y) { | |
| mLastX = x; | |
| mLastY = y; | |
| //Increase/decrease the speed of the ball making the ball move towards the touch | |
| mBallSpeedX = ( x - mBallX ) * 2; // will double the speed of the ball | |
| mBallSpeedY = ( y - mBallY ) * 2; | |
| } | |