Eventos com React

Quando trabalhamos com JavaScript clássico temos N formas de trabalhar com eventos, adicionando atributos no nosso elemento html, definindo o atributo no JavaScript ou adicionando um listener, direto no elemento HMTL seria da seguinte forma:

Este método trás muitos problemas, por exemplo, manutenção e gerenciamento de eventos.

Outro formato adicionando um listener:

Isto funciona bem, mas você precisa ter uma organização no seu código, caso contrario ficará difícil de debugar seu código, nem todos os browser suportam este recurso sempre precisamos quer fallback para esta situação.

React tenta deixar o gerenciamento de eventos mais consistente. Todo evento retorna um SyntheticEvent, ele tem uma série de atributos:

Outra questão importante ele centralização do target, quem nunca teve problemas com targets dos eventos e precisou controlar um evento de click com stopPropagation() ou preventDefault(). O SyntheticEvent trabalha com o conceito de pooled, o objeto é limpo após o callback for invocado, por uma questão de performance.

Eventos suportados pelo React:

  • Clipboard Events
  • Composition Events
  • Keyboard Events
  • Focus Events
  • Mouse Events
  • Selection Events
  • Touch Events
  • UI Events
  • Wheel Events
  • Media Events
  • Image Events
  • Animation Events
  • Transition Events

Antes de trabalhar com Eventos e Componentes precisamos entender é a questão de Props e State, basicamente props temos os valores quando o componente é construído e state são os dados que a interface mantém durante a execução do aplicativo.

No exemplo acima crio um componente botão onde ele simplesmente faz o toggle de um atributo, poderia ser qualquer outro atributo ou interagir com outro elemento. O evento nos acionamos quando passamos o render do nosso componente neste caso onClick, poderíamos passar mais de um evento.

Lembrando todos os exemplos estão no meu github: https://github.com/fellyph/react-tutorial

WordCamp Europa

No final de junho entre os dias 24 e 26 acontece o WordCamp Europa o principal WordCamp na região com mais de 2 mil participantes esse ano o evento acontece em Viena capital da Áustria. Esse será o meu segundo WordCamp na europa já que meu primeiro foi em Londres logo nos primeiros meses que cheguei aqui.

Foi legal ver outras comunidades e notar que a comunidade brasileira é bem forte e com um alto nível técnico comparada as palestras que eu vi. A única diferença que eu ví no WordCamp Londres é o números de empresas que investem no evento. Isso deixa mais fácil você montar uma super estrutura com: legendas em tempo real, quatro auditórios, buffet ultra organizado com opções vegana, happy hour. Mas esse detalhe me da mais orgulho porque conseguimos fazer WordCamps de qualidade em diferentes estados.

Mas vamos falar o que interessa, logo quando cheguei fiquei de olho nos WordCamps selecionei alguns que poderia participar, fiz um levantamento sobre custo, grade e país que queria muito visitar. Não sei se todo mundo sabe mas estou passando por uma fase de estudante/mochileiro então meus recursos são limitados. Não posso sair viajando toda a europa então a escolha tem que ser feita a dedo.

É claro que o principal evento não poderia ficar de fora dessa lista. Primeira barreira foi a inscrição, estamos falando do principal evento  da Europa, ou seja, as inscrições acabaram em segundos. Entrei em contato com a organização, contei toda a história que sempre participo e palestro em WordCamps, ajudei na organização do WordCamp São Paulo por 3 anos e gostaria muito participar. A resposta foi melhor que esperava fui convidado para participar como voluntário.

Agora é só aguardar e fazer as malas, já foram passadas as primeiras instruções precisamos chegar um dias antes para alinhar as informações nada diferente que fazemos no Brasil, a única diferença é a quantidade de participantes de diferentes países.

O WordCamp Europa serão 3 dias de muito conhecimento com palestras divididas nos seguintes temas comunidade, desenvolvimento, negócios, design e conteúdo. Nos dias 24 e 25 serão o dia dedicado a palestras no dia 26 é o contributor Day, um dia reservado para contribuição com a plataforma.

palestrantens-wordcamp-europa

Agenda Completa aqui: https://2016.europe.wordcamp.org/schedule/

Quer acompanhar o evento? Ainda restam vagas para assistir o LiveStreaming:https://2016.europe.wordcamp.org/tickets/

Vou postar coisas no meu twitter(@fellyph) e snapchat(fellyphc) no dia do evento só acompanhar lá.

Os últimos Talks de 2013

2013 foi um ano incrível, e no fechar das cortinas tive a chance de palestrar em dois grandes eventos. O WEBBR 2013 e EATI 2013 duas experiência incríveis, o primeiro eventos é um dos maiores eventos de Web do Brasil e o segundo um super evento no extremo sul do Brasil.

10926290736_ae00782970_b

Na segunda feira dia 18 de abril tive a oportunidade de falar sobre performance em apps HTML5, a palestra inicialmente seria apresentada por Demian Borba que generosamente emprestou o conteúdo de sua palestra. Nela listei 20 dicas sobre performance. Tive sorte de abrir a rodada de palestras, abrir evento é sempre bom que você fica com tempo livre para conferir todas as outras palestras. No  WEBBR 2013 possuía  4 trilhas e eu fui escalado na trilha canvas, após minha palestra  tirando a palestra da Talita Pagani eu fiquei mais tempo na trilha section.

10926377694_79c9a666a9_b

Após a minha palestra foi a vez de Talita Pagani subir no auditório. Com a palestra sobre games com HTML5, apresentação que abordou os principais assuntos sobre desenvolvimento de jogos em HTML5, na palestra a Talita falou de algumas questões que ela enfrenta no dia-a-dia. Após a palestra da Talita conferi ótimas palestras com Bruno Azevedo, Caio Gondim e Almir Filho. No WEBBR tive a oportunidade de conhecer o trabalho do Bruno e por sorte encontrar novamente no EATI e conhecer mais sobre esse grande profissional.

10930898514_996b20165a_b

O EATI evento organizado pelo o Joel da Silva, aconteceu na unidade da Universidade Federal de Santa Maria de Frederico Westphalen, posso falar que foi um dos eventos que fui mais bem acolhido em 2013. A cidade de Frederico Westphalen está situada entra Santa Cataria, Rio Grande do Sul e Argentina. Para chegar lá tive que enfrentar uma verdadeira Odseia, sai na noite do dia 19 de novembro de Guarulhos para  Chapecó, fazendo escala em Florianópolis, chegando em Floripa por questões climáticas tive que ir de ônibus até Frederico Westphalen uma viagem que durou 11 horas. Chegando lá fui direto para a UFSM onde tinha um workshop no período da tarde e a noite uma palestra.

DSC_0150 DSC00849

As fotos acima são do Workshop sobre desenvolvimento de Jogos em HTML5, logo após o workshop foi a vez da palestra para os Estudantes da UFSM

DSC_0021

Posso falar que foi sofrido mas valeu a pena a recepção dos professores e alunos foi incrível. No dia seguinte a minha palestra foi a vez do momento BrazilJS, Jaydson e companhia durante todo o dia deram uma série de palestras sobre Front End. Devidamente recuperado eu acompanhei todas as palestras no segundo dia. Algumas das palestras eu tinha visto dias antes no Webbr Conf mas valeu a pena ver de novo.

DSCF0505 DSCF0521

2013 foi um ano incrível, aprendi bastante e conheci pessoas incríveis nas cidades onde passei, a batalha inicia novamente e que venha 2014! Um 2014 de muito sucesso para todos os leitores.

Jornada Adobe 2014

Olá Pessoal, no mês de janeiro estarei em Maceió e João Pessoal para ministrar 3 treinamentos na Jornada Adobe 2014, para mim é uma honra participar desse evento que já contou com grandes nomes em suas edições anteriores. Volto a cidade de Maceió após o Adobe Camp para mim é um prazer voltar a cidade onde sou tão bem recebido. Em Maceió vou ministrar dois Cursos Mobile Impact(20/01, 21/01 e 22/01) e  WordPress Impact(23/01, 24/01 e 25/01). Em João Pessoal será a minha primeira vez como “MC”, lá estive presente a muito tempo atrás para um evento da SBC, lá eu vou ministrar o treinamento Mobile Impact(27/01, 28/01 e 29/01). Estou bastante ansioso para voltar para “Jampa”.

O Curso WordPress Impact tem a seguinte grade:

Primeiro dia

  • Preparando seu ambiente local de desenvolvimento
  • Estrutura de pastas e organização de arquivos
  • Requisitando informações do blog
  • Entendendo o loop
  • Filtrando o conteúdo do loop com query_posts, WP_Query
  • Integrando o tema com framework front-end

Segundo dia

  • Controla a Paginação
  • Menus dinâmicos(wp_nav_menu)
  • Filtros(Hooks)
  • Administrando sidebars(dynamic_sidebar)
  • Template Page
  • Post Thumbnail

Terceiro dia

  • Campos personalizados
  • Criando formulário para cadastro de campos personalizados
  • Post_types
  • Criando nova taxinomia
  • Integrando WordPress com libs javascript(jQuery ou Zepto)

Este treinamento acontecerá somente na cidade de Maceió, o treinamento Mobile Impact acontece em Maceió e João Pessoa tem a seguinte grade:

Primeiro Dia

  • Input Types
    • Numeric
    • Tel
    • Date
    • Hour
    • Email
  • Input Attributes
    • Validate elements
    • Required elements
  • CSS tips
      • Multiple Backgrounds
      • Transitions
      • Transforms
      • 3D transforms
      • Gradients
      • Background-size
      • Opacity

    <liAnimation

    • Media queries

Segundo Dia

  • Trabalhando com áudio
  • Trabalhando com vídeo
  • Canvas
  • Geolocation
  • API Drag and Drop API
  • Custom Data Attribute
  • LocalStorage
  • Microdata
  • WebSQL
  • Websockets

Terceiro Dia

  • Hammer.js
  • Cloud Service with Parse
  • Projeto Final
    • Colocando tudo em prática
    • Preparando ambiente Instalando o PhoneGap
    • Publicando seu app

Ficou Interessado só se inscrever no link: http://www.jornadaadobe.com/inscricoes

EDTED Recife 2011

Já faz parte do calendário de eventos de TI em recife o EDTED, e no próximo dia 03 o evento chega a sua 16º edição. Organizado pela arteccom que tem a frente Adriana Melo, o evento passa pelas principais capitais do Brasil e Recife tem a responsabilidade de fechar o ciclo anual. O evento tem como foco decifrar as tendências do mercado e nesse ano assuntos como HTML5, e-commerce e Mobile serão abordados.

Esse ano estarão presentes nomes como :

  • Ely Menezes(Fishy)
  • Gustavo Guanabara(Guanabara.info)
  • Luli Radfahrer
  • Luiz Tiago
  • Natanael Pantoja(Caelum)
  •  Daniel Ferreira(C.E.S.A.R)
  • Alexandre Soncini(Vte)
  • Phelipe Gonçalves(Tecla)

A programação completa você confere aqui

 

Quando : Dia 03 de Dezembro de 2011

Onde : Mar Hotel Recife

Mais informações em : http://www.edted.com.br/edted-16/

Debate com a Digitalks sobre Marketing Digital em Recife

No dia 28/10, a Digitalks irá realizar no Hotel Jangadeiro, um debate sobre marketing digital, com uma promoção especial duas inscrições pelo preço de uma : http://twitter.com/digitalksmkt/statuses/28802146139

Mais sobre o debate:
O debate e a discussão de tendências do mercado de Marketing Digital é mais uma oportunidade de aprender a construir a reputação digital da sua empresa. Além disso, serão discutidas tendências trazidas por profissionais qualificados e inseridos no mercado, a aplicação das mesmas e exposição de cases de sucesso.

Confiram a lista completa dos palestrantes:

  • Ari Meneghini, diretor executivo do IAB
  • Luiz Augusto Barros, diretor de Operações da Media Factory
  • Edna Bossay, gerente comercial do MoIP
  • Alex Pinheiro, sócio e CEO da Hands S.A
  • Dênis Barreto, há sete anos na Tim, com MBA em Marketing e especialização em Negócios Digitais
  • Rodrigo Duguay, diretor da AUNICA

Mais informações :
http://digitalks.com.br/recife2010/

Local do evento :

View Larger Map

FlashCamp dicas de passagem – São Paulo/Rio de Janeiro

Então você que mora em outro estado esta pensando em ir para o FlashCamp Rio? Por conta do feriado é bom correr pra reservar sua passagem. Por ser um feriadão as passagens não estão baratas.

Então para facilitar sua vida vou postar algumas dicas:

Nesse post eu fiz uma pesquisa no trecho São Paulo-Rio para viagem de avião ou ônibus. De avião esse trecho possui um número maior de vôos, assim é mais fácil de arrumar passagens por um preço melhor que outros estados. Companhias como a Azul, Gol e Tam estão com promoções para essa época.

Sempre pesquiso preços de passagem no site : www.submarinoviagens.com.br, mas só pesquiso que para comprar pelo site você tem que pagar uma taxa de administração do site. As passagens com a saída dia 12 sexta-feira e volta dia 15 uma segunda-feira teve o seguinte resultado :

Mas na pesquisa do submarinoviagens não mostrou resultados da Tam e Azul. As duas companhias em seu site tem a opção “sou flexível com data”, onde mostra as melhores tarifas de acordo com as datas. Na Azul o resultado foi o seguinte :

Saindo na sexta-feita dia 12 e voltando na segunda realmente está caro R$ 1.108,00, mas se você conseguir negociar com seu chefe sair numa quinta e voltar numa terça-feira você paga R$ 308,0, mas se você estiver de ferias despreocupado melhor preço é saindo na quarta-feira dia 10/11 e voltando quarta dia 17/11 a passagem sai por R$ 98,00.

Na pesquisa do site da tam o resultado foi o seguinte :

Pela Tam pesquisei todos os aeroportos de São Paulo(cumbica e guarulhos) saindo para todos aeroportos do Rio(Galeão e Santos Dumont). A pesquisa mostra o trecho mais barato, mas não especifica qual é o aeroporto. E o resultado foi o seguinte saindo na sexta-feira e voltando na segunda-feira ficou por R$ 276,00 e saindo na sexta-feira e voltando na terça-feira ficou por R$254,00 reais.

Então não perca tempo reserve logo sua passagem quanto mais tempo passa as passagens ficarão mais caras.

Outra alternativa é a viagem de ônibus  tem uma duração de 6 horas pesquisei duas companhias a Cometa viação e Auto viação 1001, na Cometa tive o seguinte resultado :

Na Cometa viação as passagens variam entre R$ 64,00 a R$ 109,00, você pode conferir no site: http://www.viacaocometa.com.br

Na Viação 1001 http://www.autoviacao1001.com.br/pt/ os preços são praticamente iguais, mas possui um número maior de passagens:

Então você que é de São paulo não pense muito senão pode perder esse oportunidade de conferir esse evento de perto.