React JS

Apresentação feita para o evento Beer and Code (http://beerandcode.ro/)

Transcript

1.   REACT   A JAVASCRIPT LIBRARY FOR BUILDING USER INTERFACES      
2. Muitas pessoas usam o React como o V no MVC. Desde que React não faz suposições sobre o resto da sua stack de tecnologia, é fácil testá-lo em um pequeno recurso em um projeto já existente. Apenas a UI “ https://facebook.github.io/react/ ”
3. React abstrai o DOM de você, dando um modelo de programação mais simples e de melhor desempenho. React também pode ser reenderizado no servidor usando Node, e pode ser utilizado em aplicativos nativos usando o React Native. Virtual DOM “ https://facebook.github.io/react/ ”
4. Data Flow “ https://facebook.github.io/react/ ” React implementa um modo reativo de fluxo de dados que reduz repetição e é mais fácil de compreender a vinculação de dados tradicional
9. Por que JSX? É mais familiar para desenvolvedores casuais, como designers. “ https://facebook.github.io/react/docs/jsx-in-depth.html ”
10. O conceito de separação é em relação a componentes. Cada componente deve ser isolado de outros.
11. TUDO em React é um componente Então comece SEMPRE pensando em seus componentes
18. Javascript React 5000 impressões de “Olá Mundo” 1º 36969ms 65ms 2º 33914ms 63ms 3º 36011ms 63ms
20. •  Os componentes do React são baseados em estado •  Os elementos filhos recebem as informações de estado do elemento pai •  Quando o estado muda, o React recria os elementos alterados •  Os componentes filhos recebem as informações via propriedades
23. IMUTABILIDADE
24. &
25. Redux é um estado de container previsível para aplicativos Javascript. Ele ajuda você a escrever applicações que se comportem consistentemente, rodando em diferentes ambientes(cliente, servidor e nativo), e sejam fáceis de testar. Redux “ https://redux.js.org/ ”
26. Dados imutáveis não podem ser alterados depois de criados, levando ao desenvolvimento de aplicações muito mais simples, nenhuma cópia de segurança e permitindo memoization avançadas e técnicas de detecção de mudança com a simples lógica. Dados persistentes apresentam uma API de mudança que não atualiza os dados no local, mas em vez disso dá sempre novos dados atualizados. Immutable “ https://facebook.github.io/immutable-js/ ”
27. OBRIGADO
28. PERGUNTAS?