ReactJS as the MVC

redditmade is a crowdfunding platform wherein we utilize ReactJS as a state/logic manager. In this presentation, I discuss our unique implementation of React and the implications this entails.

Presented at MountainWest JavaScript 2015.

Note: in retrospect, the term "MVC" is not quite accurate. In my talk and presenter notes, I discuss alternative interpretations of the implementation.

Transcript

1. ReactJS as the MVC /u/zeantsoi @zeantsoi
2. *golf claps /u/aquilafiera @holtbt /u/danehansen @danehansen
3. React in Review Reactive (duh) Expressive Efficient
4. React in Review Last year: ideas before implementation This year: IMPLEMENTATION!
5. A Turning Point at reddit Out with server-side templating In with client-side rendering
6. redditmade Goals Simple Performant Declarative
7. If the Shoe Fits… React is: • Reactive • Expressive • Efficient reddit wants: • Simple • Performant • Declarative
8. MVC == MRC?
9. Some Solutions React on Backbone React with data API React with server-side rendering
10. No… there is another! Chunk site into atomic single-page apps Overload with data Let each component manage its own data Keep state in app, then persist to storage
11. Visualizing redditmade User Campaigns Create Campaign Create Product Bank Info Personal Info User Profile Create Campaign App.jsx
12. Let’s See How It Looks
13. A Closer Look
14. App.jsx
15. Profile.jsx
16. PersonalInfo.jsx
17. ReactJS as the MVC? Source: stackoverflow.com
18. ReactJS as the MVVM? Source: codeproject.com
19. ReactJS as the Flux? Source: Facebook
20. ReactJS as the state machine utilized in conjunction with one-way data bindings to manage a series of single-page apps which, in concert, act as singular web platform???
21. By managing state across a series of interrelated apps, ReactJS facilitates a user experience that is performant, reliable, and programmatically simple and intuitive.
22. THE END. Our Dreadful Savior - /u/noahbradley