Component Store Example banner
nylas nylas

Component Store Example

Development community

Description

An example of the topics covered in Building for Plugins with React & Flux

Installation

This entry records only its repository, not the path inside it, so there is no exact command to give. Open the source below and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

README

Building for Plugins with React & Flux

This sample code demonstrates the concepts we discussed at [ReactEurope 2015](https://www.youtube.com/watch?v=Uu4Yz2HmCgE) in a small app that implements a message list with a "mark as read" plugin:

  1. Using a single, central DataStore to eliminate store interdependencies and allow plugins to modify data in unexpected ways.

  2. Using a ComponentStore to dynamically register and inject components at runtime.

  3. Isolating the React.Render calls for third-party "unsafe" components.

Getting Started

To run the sample project, run the commands below and visit [http://localhost:9001](http://localhost:9001) in your browser.

npm install
bower install
grunt connect

Get in touch!

We'd love your thoughts and feedback. Feel free to email us at `ben@nylas.com` and `evan@nylas.com`. If you think React and Flux are great, we're also [hiring](http://nylas.com/jobs)!