debashisbarman

Creating a Twitter bot with Node.js

Learn how you can create your own Twitter bot using Node.js and the new Twitter API. The bot will auto retweet in response to tweets with some particular hashtags. (https://goo.gl/4whEIt)

Tools we need

Here are the tools we’ll be using to create the bot — 

• Node.js installed in your machine
• A registered Twitter account

Create a Twitter application

jmreidy

--compilers js:./test/support/compiler
--require ./test/support/init

piecyk

// replace the _renderValidatedComponent in react-0.14.0.js with this function
  _renderValidatedComponent: function () {
    // orginal function
    function renderValidatedComponent() {
      var renderedComponent;
      ReactCurrentOwner.current = this;
      try {
        renderedComponent = this._renderValidatedComponentWithoutOwnerOrContext();
      } finally {
        ReactCurrentOwner.current = null;

ryanflorence

// make a "base" component
const FakeButton = (props) => (
  <div
    {...props}
    style={{
      cursor: 'default',
      border: '1px solid',
      borderRadius: '3px',
      ...props.style
    }}

gaearon

function mapValues(obj, fn) {
  return Object.keys(obj).reduce((result, key) => {
    result[key] = fn(obj[key], key);
    return result;
  }, {});
}

function pick(obj, fn) {
  return Object.keys(obj).reduce((result, key) => {
    if (fn(obj[key])) {

paulirish

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

• elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

ryanflorence

Hang on, I'm not saying flux is dead, or that redux isn't amazing.

Okay ...

Most everybody is familiar with flux by now:

User Interaction --event data-->
  Action Creator --action-->
 Dispatcher --payload-->

aaronj1335

import postcss from 'postcss';
import customProperties from 'postcss-custom-properties';
import {reduce} from 'lodash';
import LineToLineMappedSource from 'webpack-core/lib/LineToLineMappedSource';

export default function() {
  this.plugin('compilation', function(compilation) {
    compilation.plugin('optimize-chunk-assets', function(chunks, callback) {
      compilation.assets = reduce(compilation.assets, (assets, asset, name) => {
        if (/\.css$/.test(name)) {

tlrobinson

// give it a name so it reuses the same window
var win = window.open(null, "redux-devtools", "menubar=no,location=no,resizable=yes,scrollbars=no,status=no");

// reload in case it's reusing the same window with the old content
win.location.reload();

// wait a little bit for it to reload, then render
setTimeout(function() {
    React.render(
        <DebugPanel top right bottom left >

btholt

const React = require('react');
const _ = require('lodash');

var model = new falcor.Model({
  cache: {
    movies: [
      {
        title: "Daredevil",
        plot: "Marvel lol",
        year: "2015-",