e contextualizando no oxigênio e essa é um Framework java script criado para trabalhar com outro freio no outro joga escolher por isso que eu já famoso viu hoje é o ecossistema DS é tão grande que permite ter um frame perfeito para melhorar assim esperamos outro Framework isso não é exclusividade do nosso 10 e podemos dizer que assim como next GS está para omelete nuxt.js está para ouviu Vamos responder essa e muitas outras perguntas nesse dicionário do programador fica com a gente [Música] o Olá código-fonte ter ou simplesmente CDF não nos conhecem Eu Sou Gabriel e
essa aqui é a Vanessa Somos um casal de desenvolvedores com muitos anos de experiência e resolveu compartilhar conhecimento através Desse Canal aqui o código fonte TV que aconselhamos a se inscrever e ativar o Sininho para estar sempre por dentro de todos os nossos lançamentos e temos nesse Episódio a parceria da hostgator que sempre nos ajuda aqui no canal a trazer conteúdo de qualidade na descrição temos um link Onde você consegue um super desconto na contratação de qualquer um dos serviços de hospedagem da hostgator nossa dica são os servidores VPS que utilizamos em nossos projetos rápido
e fácil de configurar com excelente custo-benefício Não deixe de conferir assim que esse vídeo terminar combinado para falar de novo que seja é essa e temos primeiro que te contextualizar com o vídeo e essa que é um Framework JavaScript reativo e progressivo focado na criação de componentes de interface de usuário em 5 e ele está entre os três principais freios utilizados no desenvolvimento front-end e aplicações modernas nessa lista temos angular directive Will leva o suficiente para partirmos para o oxigênio se você quer aprender mais sobre o vídeo é esse é só acessar o dicionário do
programador exclusivo dentro do look CJF o apenas looks para os íntimos foi criado por sebastien shopan e Alexander champagne 2016 Seu principal objetivo é resolver alguns dos problemas que podem ser encontrados no desenvolvimento de aplicações web com o viu DS estamos falando que o viu é um trem louco defeituoso viu longe disso adoramos trabalhar com ele por aqui mas nada é perfeito e nem tão bonito que não possa ser melhorado E aí que entra o Lux apareça soluções para resolver certos problemas comuns nos envolvemos com o viu que são a criação da aplicação do zero
que não é tão rápida já que normalmente se configura ao menos o viu halter e o viu ex para manutenção dos Estados a falta de uma estrutura em Pastos a configuração das rotas que acaba sendo trabalhosa EA não existência de uma forma única para as configurações além do é uma aplicação com renderização do lado do cliente acaba não sendo muito amigável para os motores de busca outro problema é o carregamento da aplicação que pode ser lento além de ser ruim para o usuário também é ruim para o é seu e por último a dificuldade em
mudar o comportamento do frenor como únicos consegue melhorar todos esses aspectos de uma validação construída como viu Calma que nós vamos te mostrar para isso já partiremos para a instalação do núcleo cgs como de praxe e devemos ter instalado node de preferência a última versão decidimos usar por aqui o npx Mas você preferiu yarn não tem problema daí é só usar o comando cliente no CFAP e o nome da aplicação que batizamos de cdftv criar um novo projeto com looks se é possível escolher de forma muito simples através do próprio terminal diversos outros aspectos do
seu projeto com o agente gerenciador de pacotes New Framework Framework de testes tipo de renderização Deploy target que indica se o projeto vai para um servidor node ou estático entre outros aplicação modelo que serviram de base para o desenvolvimento do seu projeto será gerada e automaticamente configurado levando em conta as escolhas feitas durante esse processo de criação depois é só executar o usando o npm Run Dev e aplicação já vai estar disponível no local host 3.000 Uno se cumpriu a sua primeira tarefa deixando muito mais simples o processo de iniciar uma aplicação do zero esse
bisbilhotar mas a estrutura de organização dois arquivos vamos também notar que ele também deu mais um cheque e o outro with acreditamos que pelo fato do viu ser voltado principalmente para a criação de SP as ele tem uma estrutura muito simplória de arquivos isso pode fazer com quem projeto de maiores fique bem confuso e fora de qualquer padrão de arquitetura temos aqui uma representação a cultura de pastas criadas pelo rio E pelo nuxeo o look se cria uma organização mais robusta para o projeto e com isso conseguimos organizar o código da aplicação usando as melhores
práticas do desenvolvimento se você está começando e ficou com dúvida sobre algumas dessas pastas a nossa dica que cada uma delas tem um vídeo que mostra como ela deve ser utilizada vamos começar a sua derrotas Vamos então pensar em um site bem simples como as páginas home sobre nossa equipe e conta para navegar nos entre essas páginas usaremos as rotas É nesse momento que o viu Walter entra em ação com o viu puro faremos a configuração de todas as rotas manualmente no arquivo Walter joias O Lindinho dono disse já faz isso automaticamente para gente ele
cria o arquivo de configuração baseado nos arquivos que estão na pasta Perdiz Ou seja é só incluirmos nesta pasta dos arquivos de cada uma das páginas e as rotas já estarão configurados lembra que falamos que com viu um lugar padrão para realizar as configurações com o núcleo utilizamos um grupo de consigo DNS para realizar a configuração de todos os prêmios que estamos utilizando no projeto ou seja conseguimos centralizar todas as configurações facilitando os Deveras o desenvolvimento EA manutenção em grandes projetos como fizemos nesse exemplo onde utilizamos o teu Índia e realizamos a configuração do seu
PF dentro do no que se confirme já chegou a hora de falarmos de s ou e performance no carregamento das aplicações: que já citamos como possíveis problemas as aplicações criadas com o véu não se a gente pode beleza os modos de renderização e Universo são com s s r e s s g e a Spa escutem tá aqui você reclamando Nossa que sopa de letrinhas Spa ssrs SG depois de tudo isso eu tenho que pedir um sos igual uma viu que a gente vai atender o seu pedido de socorro também vamos então um pouco parte
tanto o Sr que é o server-side o quanto o SG que é o esthetic site Generation são formas de renderização para gerar o html no lado do Servidor ou seja antes dele ser entregue ao cliente um navegador o server-side rendering o HTML dinâmico é prender usado no servidor e a página entregue ao cliente uma aplicação ssr viu pode ser considerada isomor fica ou Universal já que o código da aplicação pode ser executado tanto do lado servidor quanto do lado clientes as etapas de renderização no servidor Linux vs acontece assim o navegador o cliente envia uma
solicitação inicial para o servidor no servidor node ONU que você vai gerar o HTML e enviá-la ao cliente mas esse HTML e enviado não vai estar 100% ele não é nem reativo só depois que é recebido e exibido pelo cliente é que a hidratação do Rio entra em ação e aí sim a aplicação passa a ser reativa e interativo a partir daí a navegação entre as páginas é feita com looks e do lado do cliente sem o novo acesso ao servidor A não ser que o navegador seja atualizado espaço que site Generation ou ssg o
HTML estático é renderizado no momento da compilação a partir de template e conteúdo que nós já temos naquele momento ou seja as páginas são estáticas mesmo seu servidor de hospedagem nem precisa ter um nó dgs para servir o conteúdo o que acontece é que quando você faz o Deploy da sua aplicação nesse formato todas as páginas quanto viu serão geradas em arquivos HTML e JS as chamadas assemp a e serão feitas e os resultados armazenados em cache dentro da pasta esthetic dessa forma quando o navegador faz a solicitação ao servidor ele retorna as páginas estáticas
ou Spa o já conhecido single page application faz a renderização do HT médico no lado do cliente ou seja só é feita uma requisição para o servidor e toda aplicação é montada do lado do cliente isso tem algumas vantagens mais conversa aqui por é do vídeo Vamos explorar as principais desvantagens o desempenho viesse ou e carregamento exatamente nesses dois quesitos que a renderização do lado do servidor leva uma grande vantagem uma vez que o conteúdo já está disponível quando o motor de busca passa pelas páginas gosta lembramos que para os motores de busca é fundamental
conhecer o conteúdo da página para dar a ela uma pontuação que irá indyxa lá e apresentava como resultado em uma pesquisa atualmente é inegável que construir uma aplicação que não seja utilizada para ter o seu conteúdo encontrado por mecanismos de busca para dela um projeto fadado ao fracasso salvo raríssimas exceções é claro que os motores de busca já criaram um mecanismo para conseguir ler o conteúdo de aplicações construídos como viu e o iett por exemplo mas o fato é que para vários tipos de aplicações que depende do s o a renderização do lado do servidor
ainda é melhor solução só para você ficar sabendo você era Side rendering com o viu não nasceu com looks e por exemplo utilizar o viu server render mais dele não lhe dará em todas as vantagens que o nosso já amigo nunca te dei essa eu te dar no mundo real onde os projetos vão para a produção sabemos que é comum encontrar alguma barreira onde qualquer formou que tanto nos ajuda pode acabar sendo uma pedrinha em nossos sapatos não se não está de fora dessa regra mais ele tem uma boa solução para esses casos trazendo chamado
higher-order Modern System que torna a customização dele mesmo mais simples em vários aspectos os módulos são funções chamadas em ordem sequencial durante a inicialização do Linux o fêmur que espera a conclusão de cada módulo antes de continuar assim os módulos podem personalizar quase qualquer coisa no projeto por exemplo é possível criar Hulk sobre a escrever tem Places adicionar biblioteca CSS entre outras tarefas bem outras sem contar que os módulos do núcleo de que criamos podem ser incorporados aos pacotes RPM Ou seja é fácil de e ainda dá para compartilhar com todo mundo é o principal
foco Donuts é justamente a experiência do desenvolvedor só por isso ele já merecem o nosso carinho o Finn ele realmente atende o objetivo de deixar o processo de desenvolvimento ainda mais simples assim nós gastamos menos tempo com as configurações e mais tempo criando e implementando novas funcionalidades em nos acompanha já deve ter percebido que nós temos uma certa quentinha pelo viveu nem preciso dizer que Adoramos conhecer o Lux um pouquinho mais de perto conta pra gente se você já usa o Lux ou se tudo que falamos foi novidade para você e é claro Se gostou
do conteúdo deixe seu like compartilhe aí com aquele deve Direct que também se interessa pelo assunto mas vamos ficando por aqui até a próxima boa sorte tchau se você por acaso ainda não conhece tão bem ouviu o xenônio vamos deixar o link dele logo aqui do ladinho para você conferir você vai descobrir porque ele é um dos mais utilizados no desenvolvimento não tem vai lavar nós vamos tomar um café e pega um café e vai assistir o vídeo
