{"id":706,"date":"2016-10-18T19:57:32","date_gmt":"2016-10-18T19:57:32","guid":{"rendered":"http:\/\/www.andrefelizardo.com.br\/blog\/?p=706"},"modified":"2016-10-18T19:57:32","modified_gmt":"2016-10-18T19:57:32","slug":"react-js-o-que-e-introducao-ao-react","status":"publish","type":"post","link":"https:\/\/www.andrefelizardo.com.br\/blog\/react-js-o-que-e-introducao-ao-react\/","title":{"rendered":"React.js, o que \u00e9? – Introdu\u00e7\u00e3o ao React"},"content":{"rendered":"

Se voc\u00ea tem acompanhado o mundo do Front-end<\/a> nos \u00faltimos anos, com certeza voc\u00ea percebeu um boom em Frameworks e bibliotecas Javascript, como o AngularJS<\/a>, React.js e v\u00e1rios outros.<\/p>\n

O que \u00e9 o React.js?<\/h2>\n

React.js \u00e9 uma biblioteca JavaScript, desenvolvida por engenheiros\u00a0do Facebook (s\u00f3 de colocar o nome do Facebook <\/em>aqui voc\u00ea j\u00e1 se interessou n\u00e9?!).<\/p>\n

Porque usar React.js?<\/h2>\n

Muitas s\u00e3o as raz\u00f5es poss\u00edveis pra voc\u00ea adotar o React.js em algum de seus projetos, abaixo alguns motivos:<\/p>\n

    \n
  • React \u00e9 popular.<\/strong> Sim, \u00e9 isso mesmo. Eu n\u00e3o sei se voc\u00ea costuma pesquisar suas d\u00favidas no Google (fa\u00e7a isso antes de postar nos grupos do Facebook por favor!), mas pesquisar qualquer coisa sobre uma tecnologia popular, j\u00e1 \u00e9 uma grande m\u00e3o na roda.<\/li>\n
  • React \u00e9 r\u00e1pido.<\/strong> Aplica\u00e7\u00f5es feitas com\u00a0ele podem sofrer atualiza\u00e7\u00f5es complexas e ainda assim ser r\u00e1pido e responsivo.<\/li>\n
  • React \u00e9 modular.<\/strong> E pra mim, esse \u00e9 a grande sacada. Ao inv\u00e9s de voc\u00ea escrever aqueles gigantescos arquivos, voc\u00ea\u00a0deve<\/del> pode escrever v\u00e1rios arquivos menores, e reutiliz\u00e1veis. A modularidade, ajuda a resolver um grande problema do JavaScript: manuten\u00e7\u00e3o de c\u00f3digo.<\/li>\n
  • React \u00e9 flex\u00edvel.<\/strong> Seu principal uso \u00e9 para criar aplica\u00e7\u00f5es web, mas nada impede que voc\u00ea o utilize em outros tipos de projetos.<\/li>\n<\/ul>\n

    Por onde come\u00e7ar?<\/h2>\n

    Pois bem, como eu disse l\u00e1 em cima, React \u00e9 uma biblioteca JavaScript, ent\u00e3o obviamente, o primeiro passo \u00e9 saber um pouco de JS.<\/p>\n

    JSX<\/h2>\n

    Bom, aqui talvez uma parte\u00a0‘estranha’\u00a0<\/em>quando voc\u00ea come\u00e7a com React. A sintaxe da biblioteca \u00e9 o JSX. Quando um arquivo JavaScript tem peda\u00e7os em JSX, esse arquivo tem que ser compilado (para JavaScript normal<\/em>), para depois ser interpretado pelo navegador.<\/p>\n

    Um c\u00f3digo JSX seria como :
    \n