Dojo react
- 1. REACT AUGUSTO BERWALDT DE OLIVEIRA
- 2. O QUE É REACT ? REACTJS ou simplesmente REACT é uma biblioteca javascript para o desenvolvimento de componentes reativos para interfaces web modernas.
- 3. QUEM UTILIZA REACT ? Hoje é utilizada em produção no Facebook, e o Instragram foi desenvolvido inteiramente com ele.
- 4. Algumas Vantagens ● Facilidade de se criar componentes pequenos e reutilizáveis; ● Trabalhar com a abordagem do Virtual DOM, que é bem mais rápido que o DOM nativo; ● O React pode rodar no lado do servidor, permitindo um melhor SEO; ● Unificar markup e a lógica da view, facilitando a extensão e manipulação.
- 5. Utilizando JSX JSX é uma extensão de sintaxe similar ao XML para o ECMAscript sem semântica definida. Não é para ser implementada por motores ou navegadores. Não é uma proposta incorporar JSX na especificação ECMAScript em si. Intenciona-se usá-lo com vários pré- processadores (transpiladores) para transformar esses tokens em ECMAScript padrão.
- 6. Exemplo JSX const exemplo = <div><p>Welcome to TutsPlus</p></div> ;
- 7. React Puro const exemplo = React.createElement("div", null, React.createElement("p", null, "Welcome ") );
- 8. Virtual DOM ● Uma representação do DOM real na linguagem JavaScript. O DOM real é então gerado a partir desta representação. ● Computação das diferenças entre o DOM real e a sua representação. ● Aplicação de patch para atualizar o DOM real conforme o novo
- 11. Vamos iniciar um projeto react Commandos : Verificando versão node -v npm -v Cliente React : npm install -g create-react-app
- 12. create-react-app nome-do-seu-app cd nome-do-seu-app Rodando aplicação : npm start