yosevu

//7
function countVowels(string) {
  var letters = string.split('');
  var vowels = "aeiou";
  var vowelIndex;
  var vowel;
  var vowelCount = 0;
  var i = 0;

  while (i < vowels.length) {

yosevu

4. [10] pry(main)> post = Post.first
  Post Load (0.7ms)  SELECT  "posts".* FROM "posts"  ORDER BY "posts"."id" ASC LIMIT 1
=> #<Post:0x0000000363e180
 id: 1,
 title: "First Post",
 body: "This is the first post in our system",
 created_at: Sat, 29 Oct 2016 02:26:21 UTC +00:00,
 updated_at: Sat, 29 Oct 2016 02:26:21 UTC +00:00>

yosevu

TL;DR - Lambda means "function used as data".

Anonymous function means "function without a name".

This is one of the relatively few cases where the Wikipedia definition of a word, while not entirely wrong, is misleading. Lambdas and anonymous functions are distinct ideas.

These ideas are commonly confused because in many programming languages (and lambda calculus) all lambdas are anonymous or vise verse.

In JavaScript, not all lambdas are anonymous, and not all anonymous functions are lambdas, so the distinction has some practical meaning.

yosevu

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

---

This tutorial as a series of videos

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.

---

yosevu

Basic Auth

• New docs
• Old docs

Create account

New API

yosevu

{
  "manifest_version": 2,
  "name": "React Content Script",
  "version": "0.1",
  "description": "React Content Script",
  "content_scripts": [
    {
      "matches": ["<all_urls>"],
      "css": ["/static/css/main.css"],
      "js": ["/static/js/main.js"]

yosevu

import React, { Component } from 'react';
import './App.css';

class App extends Component {
  render() {
    return (
      <div className="App">
        <div className="App-header">
          <img src="https://facebook.github.io/react/img/logo.svg" className="App-logo" alt="logo" />
          <h2>Welcome to React</h2>

yosevu

.App {
  text-align: center;
  margin: 70px auto;
  width: 50%;
}

// Other styles

yosevu

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';

// Get the element to prepend our app to from https://www.google.com. 
// This could be a specific element on a website or something more general like `document.body`.
const viewport = document.getElementById('viewport');

// Create a div to render the App component to.

yosevu

const quoteFeeds = [
  {
    id: 'feed1',
    name: 'Programming',
    quotes: [
      {
        id: 'quote1',
        text:'Every great developer you know got there by solving problems they were unqualified to solve until they actually did it.',
        source: 'Patrick McKenzie',
        liked: false