React.js: fundamentos

Name: React.js: fundamentos
Author: Tony Davydets

Este curso aborda os Fundamentos do React, uma biblioteca JavaScript para criar interfaces de utilizador. Ele apresentará os componentes React, que são os…

Preview the first lesson free — get full access to all 1 lessons.

Solicitar uma demonstração Entrar

Curso: sob demanda

Olá, meu nome é Tony e estou dentro. Essas lições vamos dar uma olhada. Em que consistem os componentes da classe, sua estrutura e ciclo de vida funções, adereços, gerenciamento e uso. Bem como gestão e uso do estado. Nesta lição, daremos uma olhada no que é um componente React, como eles são usados e como podem ser úteis para nós na escrita uma aplicação rápida e eficiente com suavidade. Agora, um componente é um pedaço de. Código do lado do cliente que é muito semelhante a um padrão Função JavaScript com uma diferença distinta sendo que um componente sempre retornará HTML. Isso é obrigatório porque é uma peça visual que nosso usuário está vou ver e interagir. Ao construir um componente, é melhor estruturá-lo de forma maneira de que seja independente e não tenha nenhum interdependências em qualquer outra coisa no aplicativo. Isso significa que podemos usá-lo de forma independente em qualquer lugar que quisermos em nosso aplicativo sem criar consequências que vêm de explícita ou implícita dependências. Vamos dar uma olhada na aparência dos componentes do React. Vamos iniciar nosso aplicativo aqui executando um NPM start comando e nossa aplicação. Vai começar na porta 3000. Para esta porção. Fui em frente e criei os componentes antes hora de economizar. Gaste um pouco de tempo e apenas me observe digitar. Então, vamos inserir um componente de classe. Nossa interface e veja como fica. Você pode ver o que é isso. Basicamente um seletor de cores e quando mudamos nossa cor podemos ver isso em tempo real tudo é atualizado. A tela e o usuário podem vê-la no navegador. Nosso exemplo de classe é assim. Então. Todos os componentes da classe React estendem o componente React que é uma entidade criada e mantida pelo grupo React. Então, como tal, ele vem com certas funções de ciclo de vida disponível para isso. Veremos tudo isso mais tarde. Por enquanto estamos apenas dando uma olhada no que é um componente e familiarizando. Nós mesmos com sua natureza. Agora, esta função que você pode ver é a única função que é realmente necessário porque é isso que retornará o HTML ou a representação visual para. Nosso componente que é o usuário. Vai ver e interagir. Como mencionamos anteriormente. Agora vamos dar uma olhada no quê. Parece um componente funcional. Vamos colocá-lo em nosso aplicativo também. Podemos ver isso visualmente e. Funcionalmente não é diferente da nossa classe baseada componente. Parece, sente e funciona de uma forma completamente semelhante. Mas quando se trata de sua implementação. Isso varia bastante. Você pode ver que isso realmente não estende nada e Reagir não é realmente. Mencionado em qualquer lugar aqui, exceto no interior. Deste componente que utiliza algumas funções especiais que são distribuído pelo grupo React. Mas veremos isso mais tarde, vamos. Não se preocupe com isso também. Muito por enquanto, mas veremos. Isso, vemos que este é apenas um objeto JavaScript normal e aqui de. O curso é sua parte HTML, que é idêntica à nossa classe porção baseada. E é com isso que o usuário vê e interage. Mas como você pode ver, isso é um bom candidato para um componente porque ele passa. Outro dos nossos critérios que temos. Definido anteriormente é que é completamente independente e não depende de mais nada no aplicativo, o que significa que pode usá-lo sozinho em conjunto com outras coisas em qualquer outro lugar do aplicativo sem criar qualquer tipo de consequências indesejadas que vêm de dependências implícitas ou explícitas. Em nossa próxima lição, tomaremos. Uma olhada em como o JSX é diferente. Do HTML normal e como ele é usado no contexto de uma reação aplicativo. Obrigado por assistir.

Fornecedor : Tony Davydets 1 lição · 17m em Árabe, Alemão, Inglês, Espanhol, Francês, Português, Chinese

Descrição do curso

Este curso aborda os Fundamentos do React, uma biblioteca JavaScript para criar interfaces de utilizador. Ele apresentará os componentes React, que são os blocos de construção dos aplicativos React. Também explicaremos as diferenças entre JSX e HTML normal. Além disso, ele explorará o uso de ES6+ e JSX juntos no desenvolvimento do React.

Um dos recursos exclusivos do React é o uso do JSX, uma extensão de sintaxe que permite a incorporação de código semelhante ao HTML no JavaScript. Este módulo explorará as diferenças entre o JSX e o HTML comum e demonstrará como o JSX pode ser usado para criar interfaces de usuário dinâmicas e expressivas. Além do JSX, este módulo também abordará o uso dos recursos do ES6+ no desenvolvimento do React. O ES6+ é uma versão do JavaScript que introduziu muitos recursos novos e melhorias na linguagem. Você aprenderá a usar os recursos do ES6+, como funções de seta, classes e literais de modelo, em conjunto com o JSX para criar um código React moderno e eficiente.

No final deste módulo, você terá uma sólida compreensão dos componentes React, JSX e o uso do ES6+ no desenvolvimento React. Estará equipado com as ferramentas e o conhecimento para criar seus próprios aplicativos React e construir interfaces de usuário ricas e interactivas.

O Que Você Vai Aprender

Compreender o que são componentes React como blocos de construção de aplicações React
Distinguir entre JSX e HTML regular
Usar JSX para criar interfaces de usuário dinâmicas e expressivas
Aplicar recursos ES6+ como funções de seta, classes e literais de template juntamente com JSX
Construir interfaces de usuário ricas e interativas com React

Principais Conclusões

React é uma biblioteca JavaScript para construir interfaces de usuário, e componentes são os blocos de construção de aplicações React.
JSX é uma extensão de sintaxe que permite incorporar código semelhante a HTML dentro de JavaScript, e difere de HTML regular.
ES6+ introduziu recursos como funções de seta, classes e literais de template que são usados juntamente com JSX no desenvolvimento React moderno.
Ao final do curso, alunos têm uma compreensão sólida de componentes React, JSX e o uso de ES6+ no desenvolvimento React.

Perguntas Frequentes

O que este curso cobre?

Cobre os fundamentos do React, incluindo componentes React, as diferenças entre JSX e HTML regular, e o uso de ES6+ juntamente com JSX no desenvolvimento React.

O que é JSX no React?

JSX é uma extensão de sintaxe que permite a incorporação de código semelhante a HTML dentro de JavaScript, e o curso explica como difere de HTML regular e como é usado para criar interfaces de usuário dinâmicas e expressivas.

Quais recursos ES6+ vou aprender a usar com React?

Você aprenderá como usar recursos ES6+ como funções de seta, classes e literais de template em conjunto com JSX para criar código React moderno e eficiente.

O que serei capaz de fazer após completar este curso?

Você terá uma compreensão sólida de componentes React, JSX e o uso de ES6+, e estará equipado para criar suas próprias aplicações React e construir interfaces de usuário ricas e interativas.