🚀 NextLevelWeek#4

Tecnologias   |    Projeto   |    Demo   |    Pré Requisitos   |    Instalação      

🚀 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

• Node.js
• Next.js
• React

Projeto

Na 4ª edição do Next Level Wekend (NLW), a equipe da Rocketseat preparou uma delícia de conteúdo envolvendo os ambientes de desenvolvimento ReactJS, NextJS, NodeJS.

O evento NLW tem como objetivo promover a educação tecnológica através a programação web, utilizando as tecnologias mais poderosas e recentes. Nesta, foi desenvolvido o Move.it, que é uma aplicação convencional para aguçar a atenção em determinadas tarefas utilizando a técnica de pomodoro. Ao concluir, o usuário ganha experiências (xp) e assim avançando para um próximo nível.

Como recheio, teve fixação dos principais fundamentos do React como componentes, estados, propriedades, e ferramentas que funcionam por trás da biblioteca como Webpack e Babel, e os conceitos por trás de um front-end SPA.

Além disso, entramos mais a fundo sobre os conceitos de contextos no React, responsável por compartilhar uma informação entre vários componentes em tela.

💻 Web Demo

💢 Pré-requisitos:

• Ter o ambiente preparado com nodejs, node, npm, yarn.

Verificar instalação/ versões utilizadas

Verificar se os requisitos estão instalados, não é necessário utilizar as versões especificadas abaixo, porém no momento que foi criado esse projeto, essas são as versões do ambiente:

$ node -v  
v14.15.5

$ npm -v   
v6.14.11

$ yarn -v   
1.22.5

$ expo --version
3.17.23

🔧 Instalação

Após clonar o repositório em sua máquina:

• Execute $ npm i para instalar todas as dependências;

• Execute $ npm i -D para instalar todas as dependências de desenvolvimento;

• Execute $ yarn dev para executar o projeto na porta 3000;