Tag Archives: NPM

Conceito Simplificado, Aplicabilidade e Dependências Mínimas. 

React!

De forma simplista, o React é uma biblioteca JS eficiente e flexível para desenvolver UI utilizando APENAS JS.

Considerada a lib JS mais popular para a construção de UI.

Desenvolvido pelo Facebook, e totalmente open source disponibilizado no Github repo. Hoje com o engajamento de desenvolvedores em contribuições (superou 11.500 commits).

O design do React nos possibilita aplicar utilize/include a poderosa biblioteca de UI móvel/componentes declarativos. Ou seja, ela permite criar UIs complexas à partir de (componentes) pequenos e isolados trechos de códigos.

Gigantes já aplicam o RN como o Airbnb, Instagram, Baidu Mobile, Vogue App, Facebook Ads Manager etc. O Facebook Groups foi o primeiro app feito 100% com o framework.

Dependências Mínimas

  • Node
  • NPM

O React será mais facilmente absorvido para aqueles que possuem conhecimento em:

  • JS
  • CSS
  • Ambiente web-browser
  • Web application frameworks
  • Command line

 

Express – NPM – Mean

Dicas #16 – Command Mean

Saga: M&M (Mundo Mobile)

Fácil de usar e rápido, é considerado um dos responsáveis pela expansão e diversidade do ecossistema NodeJS. Aprenda como definir as dependências dos recursos utilizados na webapp.

package.json

Este arquivo mantém as configurações da app.

Suponha um dir MyAppNode. No terminal execute este comando:

npm init

Este comando faz algumas perguntas e dessas informações cria o package.json, contendo este conteúdo mínimo padrão:

{

“name”: “demonodejs”,

“version”: “0.0.1”,

“description”: “Test NPM”,

“main”: “index.js”,

“scripts”: {

“test”: “echo \”Error: no test specified\” && exit 1″

},

“author”: “Aldo”,

“license”: “MIT”

}

Note que ainda não temos dependência.

Utilizando o parâmetro npm init –y, não precisamos dizer algumas perguntas relacionadas ao projeto.

Instalando os recursos

Express.js

Instala o framework para webapp Node.js. Oferece um vasto conjunto de recursos para webapp e móveis.

npm install express –save

O –save diz para incluir o módulo express na lista dependencies no package.json.

MongoDB

Instala o dB noSQL. Baseada em documentos (JSON).

npm install mongodb –save

Mongoose

Instala um recurso de modelagem de objetos MongoDB. Permite desenvolver em ambiente assíncrono.

npm install mongoose –save

Body-Parser

Instala (Plugin ou Middleware). Permite extrair a parte body de um fluxo de solicitação de entrada e o expõe via req.body. Podemos utilizar o JSON.

npm install body-parser –save

Validator

Instala biblioteca de validações de inputs.

npm install validator –save

Nodemon

Instala o utilitário que realiza monitoração de alterações no código e restarta o server.

npm install nodemon -g

O -g diz instale globalmente o nodemon no ambiente.

Type

Este cmd permite visualizar o conteúdo do arquivo.

type package.json

Veja a lista de dependências que acabamos de instalar.

CLI

Podemos instalar com um único cmd todos esses recursos.

Pronto! Agora temos um arquivo de configuração do NPM que descreve as características do projeto, ou seja, todos os recursos necessários. Agora já podemos cair na programação.

Para mais detalhes

Next stop NPM. Disembark on the left!

Keep Programming.