Skip to content

Instantly share code, notes, and snippets.

Avatar

Carlos Lalimarmo clalimarmo

View GitHub Profile
@clalimarmo
clalimarmo / url_store.js
Last active Sep 21, 2015
Deep Linking with React + Flux, URL Store, with support for browser "back"
View url_store.js
(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
clalimarmo / task_store.js
Last active Sep 21, 2015
Deep Linking with React + Flux, Task Store, modified to route on "navigate" Actions
View task_store.js
TaskStore = (function() {
var TaskStore = {};
var state = {};
TaskStore.addChangeListener = function() {
// left as an exercise - hint: event emitters
};
TaskStore.addChangeListener = function() {
@clalimarmo
clalimarmo / tasks_app.jsx
Last active Sep 21, 2015
Deep Linking with React + Flux, main controller view, replace links with AppLink component
View tasks_app.jsx
TasksApp = React.createClass({
getInitialState: function() {
return {
selectedTask: TaskStore.selectedTask(),
tasks: TaskStore.tasks(),
};
},
componentWillMount: function() {
TaskStore.addChangeListener(this.updateState);
},
@clalimarmo
clalimarmo / app_link.jsx
Last active Sep 21, 2015
Deep Linking with React + Flux, AppLink component, updated to support browser "back"
View app_link.jsx
@clalimarmo
clalimarmo / url_store.js
Last active Sep 21, 2015
Deep Linking with React + Flux, URL Store, for maintaining correct URL state
View url_store.js
(function() {
Dispather.register(function(action) {
if (action.type !== 'navigate') {
return;
}
window.history.pushState({}, '', action.path);
});
})();
@clalimarmo
clalimarmo / app_link.jsx
Last active Sep 16, 2015
Deep Linking with React + Flux, AppLink component
View app_link.jsx
@clalimarmo
clalimarmo / router.js
Last active Sep 15, 2015
Deep Linking with React + Flux, example Router, to be used by a Store
View router.js
// 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
clalimarmo / task_store.js
Created Sep 15, 2015
Deep Linking with React + Flux, Task Store, step 1
View task_store.js
TaskStore = (function() {
var TaskStore = {};
var state = {};
TaskStore.addChangeListener = function() {
// left as an exercise - hint: event emitters
};
TaskStore.addChangeListener = function() {
@clalimarmo
clalimarmo / Dockerfile
Last active Sep 9, 2015
Rails development environment with Docker, Dockerfile
View Dockerfile
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
clalimarmo / .dockerignore
Last active Sep 9, 2015
Rails development environment with Docker, minimal .dockerignore