React.JS, ou simplesmente React, é uma biblioteca desenvolvida como uma solução para tornar a programação mais fácil e rápida. Com o tempo, tornou-se um dos frameworks mais populares usados por empresas como Uber e Airbnb e quase metade dos desenvolvedores no mundo todo.
Mas afinal, o que é React?
React é uma biblioteca JavaScript de código aberto. Existe uma ampla comunidade de desenvolvedores e empresas que a usam, o que simplifica a tarefa de encontrar recursos e colaborar com outros engenheiros.
Os programadores podem usar o React para desenvolver aplicativos móveis de página única e renderizados por servidor com vários frameworks, como o Next.js. É usado principalmente para desenvolver interfaces para aplicativos da web e também móveis, especificamente para a camada de visualização. No entanto, também permite que um desenvolvedor crie componentes de interface do usuário altamente versáteis e reutilizáveis.
Com o React, os engenheiros podem criar aplicativos web robustos que podem alterar dados sem ter que recarregar a página inteira.
Suas vantagens são aproveitadas por muitas empresas multinacionais de tecnologia, como Meta, Netflix, Uber, Yahoo, Atlassian, Dropbox, Asana, entre outras.
Linha do tempo na história do React
Acompanhe esta linha do tempo com todos os acontecimentos que ajudaram a desenvolver o React como o conhecemos hoje:
- 2010 :: O Facebook introduz o XHP em sua pilha PHP de software de código aberto. A sintaxe introduzida no final do ano permite a criação de componentes compostos.
- 2011 :: Jordan Walke cria o FaxJS, o protótipo inicial do React – enviado como um elemento de pesquisa no Facebook.
- 2012 :: À medida que os anúncios do Facebook se tornam mais difíceis de gerenciar, a empresa busca uma solução. Jordan Walke trabalha em um protótipo e cria o React. Em abril, o Instagram é adquirido pelo Facebook e busca adotar a nova tecnologia, criando pressão para torná-la de código aberto. A maior parte deste trabalho é feita por Pete Hunt.
- 2013 :: Jordan Walke apresenta o React, e o software é de código aberto.
- 2014 :: A reputação do React cresce com o tempo e a ‘maioria inicial’ de seus usuários em potencial começa a adotá-lo. Neste ponto, eles querem deixar de confiar nas vantagens tecnológicas para se concentrar na estabilidade. Isso permite que o React atraia empresas como a Netflix. As ferramentas do desenvolvedor do React se tornam uma extensão das ferramentas do desenvolvedor do Chrome.
- 2015 :: Durante uma apresentação técnica na React.js Conference, o Facebook apresenta a primeira versão do React Native. O React Native para iOS é anunciado ainda naquele ano e disponibilizado no GitHub. A primeira versão estável do novo React Developer Tools é lançada em setembro, enquanto o React Native for Android é lançado. Netflix, Airbnb e WordPress adotam o React.
- 2014 :: A reputação do React cresce com o tempo e a ‘maioria inicial’ de seus usuários em potencial começa a adotá-lo. Neste ponto, eles querem deixar de confiar nas vantagens tecnológicas para se concentrar na estabilidade. Isso permite que o React atraia empresas como a Netflix. As ferramentas do desenvolvedor do React se tornam uma extensão das ferramentas do desenvolvedor do Chrome.
- 2015 :: Durante uma apresentação técnica na React.js Conference, o Facebook apresenta a primeira versão do React Native. O React Native para iOS é anunciado ainda naquele ano e disponibilizado no GitHub. A primeira versão estável do novo React Developer Tools é lançada em setembro, enquanto o React Native for Android é lançado. Netflix, Airbnb e WordPress adotam o React.
- 2016 :: React15 é lançado e se torna popular. Durante o ano, o React Storybook, o Error Code System do React e o Bluepring — um kit de ferramentas React UI para web também são apresentados.
- 2017 :: O React Fiber é feito de código aberto na F8 2017. React, Jest, Flow e Immutable.js são relicenciados sob a licença do MIT. O React 16 é lançado e apresenta limites de erro, portais, fragmentos e a arquitetura Fiber.
- 2018 :: React adiciona suporte à API Context. Dan Abramov compartilha alguns protótipos nunca vistos na JSConf Islândia. React 16.3.0 é lançado em março.
- 2019 :: React adiciona suporte a Hooks como uma nova adição na versão 16.8. Hooks permite que os desenvolvedores usem o estado e outros recursos do React sem escrever uma classe.
- 2020 :: “Sem novos recursos” permite atualizações graduais do React de versões mais antigas. O Tact 17 é lançado.
- 2022 :: React 18 é lançado. Reação simultânea, lote automático, novos recursos de suspensão, transições, APIs de renderização de cliente e servidor, novos comportamentos de modo estrito e novos ganchos são introduzidos nesta versão.
Usado por 42,62%
de desenvolvedores em todo o mundo, o React.js é o segundo framework web mais popular, superando a popularidade do jQuery.
Glossário do React
React Native Development Services
O React Native é um framework de interface do usuário de código aberto que pode ser usado para desenvolver aplicativos para sistemas como Windows, iOS, macOS, tvOS, Android,
AndroidTV, Web e UWP. É uma estrutura JavaScript para escrever aplicativos móveis reais e renderizados nativamente com base no React.
ReactJS Development Services
React.JS é uma biblioteca JavaScript de código aberto que permite aos desenvolvedores criar interfaces de usuário para aplicativos de página única. Visando a camada front-end, seu principal uso é resolver a camada de visualização de aplicativos da web e móveis.
React Components
Componentes React são seções independentes de código que podem ser reutilizadas em diferentes projetos. Eles são semelhantes às funções JavaScript, o que significa que funcionam isoladamente e dão como resultado um HTML. Existem 2 tipos de componentes React: componentes de classe e de função.
Hooks no React
No React, os hooks são funções que permitem aos engenheiros acessar o estado do React e os recursos do ciclo de vida dos componentes de função. Os hooks também permitem que desenvolvedores usem o React sem classes. Alguns deles já são fornecidos como recursos integrados. No entanto, existe também a possibilidade de criar hooks personalizados para projetos específicos.
Fonte do Conteúdo: BairesDev ( https://www.bairesdev.com/react/#react-history )
