Carlos Lalimarmo clalimarmo
clalimarmo
/ url_store.js
Last active
September 21, 2015 15:36
Deep Linking with React + Flux, URL Store, with support for browser "back"
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| (function() { | |
| Dispather.register(function(action) { | |
| if (action.type !== 'navigate') { | |
| return; | |
| } | |
| // sometimes we don't want to create history entries (see below) | |
| if (action.pushState) { | |
| window.history.pushState( | |
| {path: action.path}, | |
| '', |
clalimarmo
/ task_store.js
Last active
September 21, 2015 15:25
Deep Linking with React + Flux, Task Store, modified to route on "navigate" Actions
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| TaskStore = (function() { | |
| var TaskStore = {}; | |
| var state = {}; | |
| TaskStore.addChangeListener = function() { | |
| // left as an exercise - hint: event emitters | |
| }; | |
| TaskStore.addChangeListener = function() { |
clalimarmo
/ tasks_app.jsx
Last active
September 21, 2015 15:23
Deep Linking with React + Flux, main controller view, replace links with AppLink component
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| TasksApp = React.createClass({ | |
| getInitialState: function() { | |
| return { | |
| selectedTask: TaskStore.selectedTask(), | |
| tasks: TaskStore.tasks(), | |
| }; | |
| }, | |
| componentWillMount: function() { | |
| TaskStore.addChangeListener(this.updateState); | |
| }, |
clalimarmo
/ app_link.jsx
Last active
September 21, 2015 15:20
Deep Linking with React + Flux, AppLink component, updated to support browser "back"
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| AppLink = React.createClass({ | |
| render: function() { | |
| return ( | |
| <a href={this.props.href} onClick={this.onClick}> | |
| {this.props.children} | |
| </a> | |
| ); | |
| }, | |
| onClick: function(event) { | |
| event.preventDefault(); |
clalimarmo
/ url_store.js
Last active
September 21, 2015 15:09
Deep Linking with React + Flux, URL Store, for maintaining correct URL state
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| (function() { | |
| Dispather.register(function(action) { | |
| if (action.type !== 'navigate') { | |
| return; | |
| } | |
| window.history.pushState({}, '', action.path); | |
| }); | |
| })(); |
clalimarmo
/ app_link.jsx
Last active
September 16, 2015 01:29
Deep Linking with React + Flux, AppLink component
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| AppLink = React.createClass({ | |
| render: function() { | |
| return ( | |
| <a href={this.props.href} onClick={this.onClick}> | |
| {this.props.children} | |
| </a> | |
| ); | |
| }, | |
| onClick: function(event) { | |
| // don't reload page - dispatch a navigate Action, instead |
clalimarmo
/ router.js
Last active
September 15, 2015 18:53
Deep Linking with React + Flux, example Router, to be used by a Store
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Router exposes two methods: | |
| // | |
| // - register binds regex patterns to callbacks, | |
| // | |
| // - route takes a path, and executes the callback associated | |
| // with the first regex that matches that path | |
| Router = function() { | |
| var instance = {}; |
clalimarmo
/ task_store.js
Created
September 15, 2015 16:54
Deep Linking with React + Flux, Task Store, step 1
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| TaskStore = (function() { | |
| var TaskStore = {}; | |
| var state = {}; | |
| TaskStore.addChangeListener = function() { | |
| // left as an exercise - hint: event emitters | |
| }; | |
| TaskStore.addChangeListener = function() { |
clalimarmo
/ Dockerfile
Last active
September 9, 2015 15:17
Rails development environment with Docker, Dockerfile
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| FROM ruby:2.2.3 | |
| RUN \ | |
| apt-get update -qq && \ | |
| apt-get install -y build-essential | |
| RUN mkdir app | |
| WORKDIR app | |
| COPY Gemfile ./ | |
| RUN bundle install |
clalimarmo
/ .dockerignore
Last active
September 9, 2015 14:32
Rails development environment with Docker, minimal .dockerignore
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .git* | |
| log* |