manoelneto

## transparent-arrow.html
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>

    <style>
        body {

## input.scss
@mixin background-image-retina($file, $type) {
    $fileName : $file + '.' + $type;
    $retinaFileName : $file + '@2x.' + $type;

    $width : image-width($fileName);
    $height : image-height($fileName);

    width: $width;
    height: $height;


## triggers_proccess_message.rb
def process_message message
  # encontra os triggers da conta de que essa mensagem foi inserida
  # primeira filtragem
  triggers = find_triggers_for_client message

  # um dos filtros em batch é chamar o servidor de termos booleano
  triggers = filter_triggers_in_batch message, triggers

  triggers = triggers.select do |trigger|
    # verifica se passa nos ultimos filtros

## triggers_proccess_messages.rb
# perceba que agora o metodo está no plural
def process_messages messages

  # vou ter um hash de: client_id: mensagens
  messages_by_client = messages.group_by do |message|
    message["client_id"]
  end

  messages_by_client.each do |client_id, messages|
    # como as mensagens estão agrupadas por cliente, preciso pegar apenas os triggers

## redis_batch_push.rb
require "redis_batch_push"
require "redis"
require_relative "my_sidekiq_worker"

queue = "webhooks"
redis = Redis.new
# numero maximo de escuta por mensagens
max_interval_sec = 30
# número máximo de mensagens a enviar de uma vez
max_size = 1000

## webhooks.rb
# controller do rails
def webhooks_controller data
  # pusha pra uma fila do redis
  redis.lpush("webhooks", data.to_json)
end


# em outro processos
def redis_batch_push
  loop do

## app.js
import React, { Component } from 'react';
import Progress from 'components/Progress';

class App extends Component {
  state = {
    count: 10
  }

  render() {
    return <div>

## progress.js
import React from 'react';

export default ({value}) => (
  <div>
    <div style={{
      width: `${Math.min(value, 100)}%`,
      height: 20,
      background: "red",
    }}></div>
  </div>

## app.js
import React, { Component } from 'react';
import Progress from 'components/Progress';
import ProgressInput from 'components/ProgressInput';

class App extends Component {
  state = {
    count: 10
  }

  onChangeCount = count => {

## ProgressInput.js
import React from 'react';

export default ({value, onChange}) => (
  <div>
    Olá, o progresso é {value}

    <input type="text" value={value} onChange={(evt) => onChange(evt.target.value)}/>
  </div>
)
	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Document</title>
	</head>
	<body>

	<style>
	body {
	@mixin background-image-retina($file, $type) {
	$fileName : $file + '.' + $type;
	$retinaFileName : $file + '@2x.' + $type;

	$width : image-width($fileName);
	$height : image-height($fileName);

	width: $width;
	height: $height;
	def process_message message
	# encontra os triggers da conta de que essa mensagem foi inserida
	# primeira filtragem
	triggers = find_triggers_for_client message

	# um dos filtros em batch é chamar o servidor de termos booleano
	triggers = filter_triggers_in_batch message, triggers

	triggers = triggers.select do \|trigger\|
	# verifica se passa nos ultimos filtros
	# perceba que agora o metodo está no plural
	def process_messages messages

	# vou ter um hash de: client_id: mensagens
	messages_by_client = messages.group_by do \|message\|
	message["client_id"]
	end

	messages_by_client.each do \|client_id, messages\|
	# como as mensagens estão agrupadas por cliente, preciso pegar apenas os triggers
	require "redis_batch_push"
	require "redis"
	require_relative "my_sidekiq_worker"

	queue = "webhooks"
	redis = Redis.new
	# numero maximo de escuta por mensagens
	max_interval_sec = 30
	# número máximo de mensagens a enviar de uma vez
	max_size = 1000
	# controller do rails
	def webhooks_controller data
	# pusha pra uma fila do redis
	redis.lpush("webhooks", data.to_json)
	end


	# em outro processos
	def redis_batch_push
	loop do
	import React, { Component } from 'react';
	import Progress from 'components/Progress';

	class App extends Component {
	state = {
	count: 10
	}

	render() {
	return <div>
	import React from 'react';

	export default ({value}) => (
	<div>
	<div style={{
	width: `${Math.min(value, 100)}%`,
	height: 20,
	background: "red",
	}}></div>
	</div>
	import React, { Component } from 'react';
	import Progress from 'components/Progress';
	import ProgressInput from 'components/ProgressInput';

	class App extends Component {
	state = {
	count: 10
	}

	onChangeCount = count => {
	import React from 'react';

	export default ({value, onChange}) => (
	<div>
	Olá, o progresso é {value}

	<input type="text" value={value} onChange={(evt) => onChange(evt.target.value)}/>
	</div>
	)