(by @andrestaltz)
If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.
| var scrollTriggers = [ | |
| { selector: ".media-vizioni", klass: "tada" }, | |
| { selector: ".media-efektiviteti", klass: "tada" }, | |
| { selector: ".media-krahasimi", klass: "tada" }, | |
| { selector: ".media-dimensionet", klass: "flipInY" } | |
| ]; | |
| // on load, get the elements and their offsets |
| sudo npm cache clean -f | |
| sudo npm install -g n | |
| sudo n stable |
| // ---- | |
| // Sass (v3.4.0.rc.1) | |
| // Compass (v1.0.0.alpha.20) | |
| // ---- | |
| $themes: ( | |
| "theme-1": ( | |
| "color": red | |
| ), | |
| "theme-2": ( |
| root = true | |
| [*] | |
| indent_style = space | |
| indent_size = 2 | |
| end_of_line = lf | |
| charset = utf-8 | |
| trim_trailing_whitespace = true |
| let taskIndex = parseInt(e.target.value, 10); | |
| console.log('remove task: %d', taskIndex, this.state.list[taskIndex]); | |
| this.setState(state => { | |
| state.list.splice(taskIndex, 1); | |
| return {items: state.list}; | |
| }); |
| var updatedList = this.state.list.filter(function(item){ | |
| return item.toLowerCase().search( | |
| evt.target.value.toLowerCase()) !== -1; | |
| }); | |
| this.setState({ list: updatedList }); |
(by @andrestaltz)
If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.
| .DS_Store | |
| bower_components/ | |
| # Sass | |
| .sass-cache/ | |
| *.css.map | |
| # Logs | |
| logs | |
| *.log | |
| npm-debug.log* |
| import React from 'react' | |
| import { Loading } from '../components/loading' | |
| function asyncComponent (getComponent) { | |
| return class AsyncComponent extends React.Component { | |
| static Component = null | |
| mounted = false | |
| state = { | |
| Component: AsyncComponent.Component |
| require('babel-register') | |
| const express = require('express') | |
| const React = require('react') | |
| const ReactDOMServer = require('react-dom/server') | |
| const ReactRouter = require('react-router') | |
| const ServerRouter = ReactRouter.ServerRouter | |
| const App = require('./src/App').default | |
| const path = require('path') | |
| const Helmet = require('react-helmet') | |
| const compression = require('compression') |