| import React, { Component, createContext } from 'react' | |
| function initStore(store) { | |
| const Context = createContext(); | |
| class Provider extends React.Component { | |
| constructor() { | |
| super(); | |
| this.state = store.initialState; | |
| } |
| const CrossOriginLocalStorage = function(currentWindow, iframe, allowedOrigins, onMessage) { | |
| this.allowedOrigins = allowedOrigins; | |
| let childWindow; | |
| // some browser (don't remember which one) throw exception when you try to access | |
| // contentWindow for the first time, it works when you do that second time | |
| try { | |
| childWindow = iframe.contentWindow; | |
| } catch(e) { | |
| childWindow = iframe.contentWindow; |
A collection of links to the excellent "Composing Software" series of medium stories by Eric Elliott.
Edit: I see that each post in the series now has index, previous and next links. However, they don't follow a linear flow through all the articles with some pointing back to previous posts effectively locking you in a loop.
| /** | |
| * This code is licensed under the terms of the MIT license | |
| * | |
| * Deep diff between two object, using lodash | |
| * @param {Object} object Object compared | |
| * @param {Object} base Object to compare with | |
| * @return {Object} Return a new object who represent the diff | |
| */ | |
| function difference(object, base) { | |
| function changes(object, base) { |
| !!! 5 | |
| %html | |
| %head | |
| %title= "Your Website" | |
| %meta{ :content => "", :name => "description" } | |
| %meta{ :content => "", :name => "author" } | |
| %meta{ :content => "3 days", :name => "revisit-after" } | |
| %link{ :href => "http://creativecommons.org/licenses/by/3.0/", :rel => "license", :title => "Creative Commons Attribution 3.0 Unported License" } | |
| %link{ :href => "/feed", :rel => "alternate", :title => "Atom", :type => "application/atom+xml" } | |
| %link{ :href => "/css/screen.css", :media => "screen", :rel => "stylesheet" } |
In this document I am using Sass's SCSS syntax. You can choose to use the indented syntax in sass, if you prefer it, it has no functional differences from the SCSS syntax.
For Less, I'm using the JavaScript version because this is what they suggest on the website. The ruby version may be different.
| =Navigating= | |
| visit('/projects') | |
| visit(post_comments_path(post)) | |
| =Clicking links and buttons= | |
| click_link('id-of-link') | |
| click_link('Link Text') | |
| click_button('Save') | |
| click('Link Text') # Click either a link or a button | |
| click('Button Value') |