REACT, o auxílio de bibliotecas no desenvolvimento.

React JS é considerado por algumas pessoas, como sendo um framework, porém na verdade react é uma biblioteca criada pela equipe do Facebook em 2011 para facilitar a criação de interfaces de usuários(IU ou UI em inglês) e para otimizar atividades que precisavam ser atualizadas e sincronizadas ao mesmo tempo.

React tem grande utilidade no desenvolvimento de aplicações porque ele facilita a criação de interfaces de usuários, tornando o desenvolvimento mais produtivo, através de diversas funções. O funcionamento de linguagem do React se consiste em usar HTML e JavaScript em um só arquivo, o css deve ser importado.

O uso de uma linguagem de marcação como HTML em um arquivo JS, é denominado de JSX(JavaScript Syntax eXtension), assim sendo, o React usa essa sintaxe estendida para possibilitar a criação e reutilização de seus Componentes da melhor forma. o uso da JSX não é obrigatório em React mas é o mais comum de se encontrar e provavelmente a melhor opção ao se usar React.

O método usado no React para trazer a tona seus bônus de produção, é o uso de componentes, em react o desenvolvedor pode criar elementos específicos e reutiliza-los em outras partes da interface. Tornando assim seu uso uma vantagem para economia de tempo e espaço em relação ao app em questão.

Para criar um aplicativo em React Js é necessário realizar uma série de comandos e instalações em seu terminal, esses comandos podem ser acessados através do site create react app, mas para tornar o artigo mais prático os comandos estarão á seguir:

npx create-react-app my-app

No caso "my-app" é o nome dado ao projeto quando se cria.

cd my-app

Após as instalações serem concluidas o comando acima deve ser usado para entrar na pasta do projeto.

npm start

O comando acima é o responsavel por inicializar o projeto.

Para entender e usar React será necessário mais do que ler um artigo, devido ao grau de complexidade em que React está envolvido. Agora, para quem já tem uma noção básica em React e quer usar os códigos disponíveis na página de componentes, basta criar componentes em React com o nome do elemento desejado da lista e copiar o código HTML para dentro da TAG do componente. No caso do código css diferente de HTML, o React usa um arquivo que deve ser importado.

exemplo de importação do CSS em um arquivo React:

import "./App.css";

Por fim, o ponto central do artigo em questão e o porque de React Js ser explicado no C+S é de que, para além de componentes de interface e estilos para os mesmos, o site visa facilitar o aprendizado de pessoas interessadas em desenvolvimento web, criando assim um ambiente onde você possa ter inspirações, exemplos e praticar. Espero ter ajudado com esse artigo e também, que o C+S seja de utilidade em sua caminhada, boa sorte a todos!

Cursos de programação

Cursos de programação Fullstack

Adiquira o mais completo treinamento da Danki Code para quem deseja se tornar um Profissional Full-Stack.

Comprar agora

Curso de programação Frontend

Descubra como criar websites profissionais do zero com nosso curso especializado em Desenvolvimento de Websites!

Comprar agora

artigo postado em 07/03/2024

por: Bruno F. Apolônio - desenvolvedor full stack.

última atualização em 16/05/2024