Enviando formulário com Nunjucks

Para isso teremos um array de usuário, onde iremos conseguir inserir novos usuários nesse array por um formúlario.

Vamos criar nossa primeira view para mostrar os usuários do array

Repare que estamos usando {%, nós utilizamos eles quando queremos incluir uma operação de repetição ou condicional, nesse caso é for de repetição, e vamos retornar todo array de users para cada user, repare que nós não usamos as “{“ para abrir e fechar o for, para finalizar nosso for basta usar o endfor.

Agora que já criamos nossa view para mostrar os usuários, iremos criar a rota e array de usuários para essa view

Pronto, já criamos nosso array e rota, agora é só acessarmos nossa rota principal.

Pronto, agora vimos que nossa view está funcionando.

Agora vamos criar nosso formulário para inserir novos usuários, vamos chamar nossa view do formulário de new

Nosso formulário iremos enviar por POST, e teremos que criar uma rota /create

nós também devemos informar ao express que iremos iniciar uma leitura do body da aplicação

Pronto, agora basta nós inserirmos um usuário no nosso formulário e ele vai nos mostrar a lista

Curiosidade

Se nós fossemos fazer isso em outra linguaguem não funcionaria, mas graças ao event loop do node nós conseguimos ter variáveis na memória da aplicação.