DESIGN
SYSTEMS

node.js

interpretador javascript server-side

node.js

interpretador javascript server-side

permite rodar programação com linguagem javascript no webserver (back-end), e não no navegador do usuário apenas (client-side)

node.js

interpretador javascript server-side

permite rodar programação com linguagem javascript no webserver (back-end), e não no navegador do usuário apenas (client-side)

node permite o uso das bibliotecas

React | Vue | Angular | Svelte

node.js

interpretador javascript server-side

permite rodar programação com linguagem javascript no webserver (back-end), e não no navegador do usuário apenas (client-side)

node permite o uso das bibliotecas

React | Vue | Angular | Svelte

Construção de UI

node.js

interpretador javascript server-side

permite rodar programação com linguagem javascript no webserver (back-end), e não no navegador do usuário apenas (client-side)

node permite o uso das bibliotecas

React | Vue | Angular | Svelte

Construção de UI

node.js

interpretador javascript server-side

permite rodar programação com linguagem javascript no webserver (back-end), e não no navegador do usuário apenas (client-side)

node permite o uso das bibliotecas

React | Vue | Angular | Svelte

Construção de UI

ecossistema

node.js

interpretador javascript server-side

permite rodar programação com linguagem javascript no webserver (back-end), e não no navegador do usuário apenas (client-side)

node permite o uso das bibliotecas

React | Vue | Angular | Svelte

ecossistema

Next | Gatsby | Hexo | React Router

react frameworks

Componentes

node.js

interpretador javascript server-side

permite rodar programação com linguagem javascript no webserver (back-end), e não no navegador do usuário apenas (client-side)

node permite o uso das bibliotecas

React | Vue | Angular | Svelte

ecossistema

Next | Gatsby | Hexo | React Router

react frameworks

Componentes

ambiente de desenvolvimento

computador local

cloud

node

gerenciador de pacotes

+

webserver

editor

+

codesandbox

glitch

expo.dev

node.js

permite rodar programação com linguagem javascript no webserver (back-end), e não no navegador do usuário apenas (client-side)

node permite o uso das bibliotecas

React | Vue | Angular | Svelte

ecossistema

Next | Gatsby | Hexo | React Router

react frameworks

Componentes

ambiente de desenvolvimento

computador local

cloud

node

gerenciador de pacotes

+

webserver

editor

+

codesandbox

glitch

expo.dev

ambiente de produção

Vercel | Netlify | AWS | Render | Surge

node.js

permite rodar programação com linguagem javascript no webserver (back-end), e não no navegador do usuário apenas (client-side)

node permite o uso das bibliotecas

React | Vue | Angular | Svelte

ecossistema

Next | Gatsby | Hexo | React Router

react frameworks

Componentes

ambiente de desenvolvimento

computador local

cloud

node

gerenciador de pacotes

+

webserver

editor

+

codesandbox

glitch

expo.dev

ambiente de produção

Vercel | Netlify | AWS | Render | Surge

sistema de versionamento de código

Github | GitLab

node.js

permite rodar programação com linguagem javascript no webserver (back-end), e não no navegador do usuário apenas (client-side)

node permite o uso das bibliotecas

React | Vue | Angular | Svelte

ecossistema

Next | Gatsby | Hexo | React Router

react frameworks

Componentes

ambiente de desenvolvimento

computador local

cloud

node

gerenciador de pacotes

+

webserver

editor

+

codesandbox

glitch

expo.dev

ambiente de produção

Vercel | Netlify | AWS | Render | Surge

sistema de versionamento de código

Github | GitLab

node.js

permite rodar programação com linguagem javascript no webserver (back-end), e não no navegador do usuário apenas (client-side)

node permite o uso das bibliotecas

React | Vue | Angular | Svelte

ecossistema

Next | Gatsby | Hexo | React Router

react frameworks

Componentes

ambiente de desenvolvimento

computador local

cloud

node

gerenciador de pacotes

+

webserver

editor

+

codesandbox

glitch

expo.dev

ambiente de produção

Vercel | Netlify | AWS | Render | Surge

sistema de versionamento de código

Github | GitLab

desenvolvimento de aplicações web

desenvolvimento de mobile com

possui um emulador para iPhone e Android para preview da aplicação no próprio aparelho

React Native

cloud

node

+

codesandbox

glitch

expo.dev

desenvolvimento de aplicações web

desenvolvimento de mobile com

possui um emulador para iPhone e Android para preview da aplicação no próprio aparelho

React Native

sintaxe específica para aplicativos mobile

ferramentas compilam o código React Native para uma aplicação nativa do sistema operacional mobile

node

+

codesandbox

glitch

expo.dev

desenvolvimento de aplicações web

desenvolvimento de mobile com

possui um emulador para iPhone e Android para preview da aplicação no próprio aparelho

React Native

sintaxe específica para aplicativos mobile

ferramentas compilam o código React Native para uma aplicação nativa do sistema operacional mobile

FRAMEWORKS PARA DESENVOLVIMENTO DE COMPONENTES DE INTERFACE

REACT

VUE

SVELTE

VUE NATIVE

SVELTE NATIVE

WEB

REACT NATIVE

MOBILE

REACT NATIVE FOR WEB

HÍBRIDO

FRAMEWORKS PARA DESENVOLVIMENTO DE COMPONENTES DE INTERFACE

REACT

VUE

SVELTE

VUE NATIVE

SVELTE NATIVE

WEB

REACT NATIVE

MOBILE

REACT NATIVE FOR WEB

HÍBRIDO

AGNÓSTICOS

O DESENVOLVIMENTO E O CÓDIGO É O MESMO PARA QUAISQUER PLATAFORMAS (IOS/ANDROID)

FRAMEWORKS PARA DESENVOLVIMENTO DE COMPONENTES DE INTERFACE

AGNÓSTICOS

O DESENVOLVIMENTO E O CÓDIGO É O MESMO PARA QUAISQUER PLATAFORMAS (IOS/ANDROID)

CONSISTENTES

O COMPORTAMENTO DOS COMPONENTES É CONHECIDA E REAPROVEITÁVEL NAS VÁRIAS SOLUÇÕES DESENVOLVIDAS

WEBSERVER COM NODE.JS

REACT

VUE

SVELTE

VUE NATIVE

SVELTE NATIVE

REACT NATIVE

REACT NATIVE FOR WEB

WEB

MOBILE

HÍBRIDO

FRAMEWORKS PARA DESENVOLVIMENTO DE COMPONENTES DE INTERFACE

REACT

VUE

SVELTE

VUE NATIVE

SVELTE NATIVE

REACT NATIVE

REACT NATIVE FOR WEB

WEBSERVER COM NODE.JS

WEB

MOBILE

HÍBRIDO

CLOUD

FRAMEWORKS PARA DESENVOLVIMENTO DE COMPONENTES DE INTERFACE

REACT

VUE

SVELTE

VUE NATIVE

SVELTE NATIVE

REACT NATIVE

REACT NATIVE FOR WEB

WEB

MOBILE

HÍBRIDO

CLOUD

CÓDIGO EM JAVASCRIPT

CÓDIGO DA INTERFACE (VIEW)
CÓDIGO DO SERVIÇO/LÓGICA (CONTROLADOR)

WEBSERVER COM NODE.JS

FRAMEWORKS PARA DESENVOLVIMENTO DE COMPONENTES DE INTERFACE

REACT

VUE

SVELTE

VUE NATIVE

SVELTE NATIVE

REACT NATIVE

REACT NATIVE FOR WEB

WEB

MOBILE

HÍBRIDO

CLOUD

CÓDIGO EM JAVASCRIPT

CÓDIGO DA INTERFACE (VIEW)
CÓDIGO DO SERVIÇO/LÓGICA (CONTROLADOR)

WEBSERVER COM NODE.JS

REPOSITÓRIO (GITHUB/GITLAB/BITBUCKET)

PRODUÇÃO

FRAMEWORKS PARA DESENVOLVIMENTO DE COMPONENTES DE INTERFACE

REACT

VUE

SVELTE

VUE NATIVE

SVELTE NATIVE

REACT NATIVE

REACT NATIVE FOR WEB

WEB

MOBILE

HÍBRIDO

CLOUD

CÓDIGO EM JAVASCRIPT

CÓDIGO DA INTERFACE (VIEW)
CÓDIGO DO SERVIÇO/LÓGICA (CONTROLADOR)

WEBSERVER COM NODE.JS

REPOSITÓRIO (GITHUB/GITLAB/BITBUCKET)

PRODUÇÃO

DESENVOLVIMENTO DOS COMPONENTES DE INTERFACE DA APLICAÇÃO EM JAVASCRIPT

DESENVOLVIMENTO DA APLICAÇÃO PELOS ENGENHEIROS EM JAVASCRIPT USANDO OS COMPONENTES

ATUALIZAÇÃO DOS CÓDIGOS DESENVOLVIDOS DE FORMA COLABORATIVA EM REPOSITÓRIO ONLINE

ATUALIZAÇÃO AUTOMÁTICA DA APLICAÇÃO ONLINE EM AMBIENTES DE TESTE E PRODUÇÃO PARA BRANCHES DISTINTOS

FRAMEWORKS PARA DESENVOLVIMENTO DE COMPONENTES DE INTERFACE

CLOUD

REPOSITÓRIO (GITHUB/GITLAB/BITBUCKET)

PRODUÇÃO

DESENVOLVIMENTO DOS COMPONENTES DE INTERFACE DA APLICAÇÃO EM JAVASCRIPT

DESENVOLVIMENTO DA APLICAÇÃO PELOS ENGENHEIROS EM JAVASCRIPT USANDO OS COMPONENTES

ATUALIZAÇÃO DOS CÓDIGOS DESENVOLVIDOS DE FORMA COLABORATIVA EM REPOSITÓRIO ONLINE

ATUALIZAÇÃO AUTOMÁTICA DA APLICAÇÃO ONLINE EM AMBIENTES DE TESTE E PRODUÇÃO PARA BRANCHES DISTINTOS

GIT

NODE

NPM

LINHA DE COMANDO

EDITOR DE CÓDIGO

GITHUB,

GITLAB,

BITBUCKET,

ETC.

VERCEL,

HEROKU,

AMAZON AWS,

ETC.

FRAMEWORKS PARA DESENVOLVIMENTO DE COMPONENTES DE INTERFACE

CLOUD

REPOSITÓRIO (GITHUB/GITLAB/BITBUCKET)

PRODUÇÃO

DESENVOLVIMENTO DOS COMPONENTES DE INTERFACE DA APLICAÇÃO EM JAVASCRIPT

DESENVOLVIMENTO DA APLICAÇÃO PELOS ENGENHEIROS EM JAVASCRIPT USANDO OS COMPONENTES

ATUALIZAÇÃO DOS CÓDIGOS DESENVOLVIDOS DE FORMA COLABORATIVA EM REPOSITÓRIO ONLINE

ATUALIZAÇÃO AUTOMÁTICA DA APLICAÇÃO ONLINE EM AMBIENTES DE TESTE E PRODUÇÃO PARA BRANCHES DISTINTOS

GIT

NODE

NPM

LINHA DE COMANDO

EDITOR DE CÓDIGO

GITHUB,

GITLAB,

BITBUCKET,

ETC.

VERCEL,

HEROKU,

AMAZON AWS,

ETC.

WEBSERVER

REACT/VUE/SVELTE

PASTAS E ARQUIVOS

COMPONENTES
DE DESIGN SYSTEMS
PRONTOS

AMBIENTE DE TESTE INSTALADO LOCALMENTE

FRAMEWORK DE PROCESSAMENTO DO CÓDIGO

ESTRUTURA E DOCUMENTOS INICIAIS DA APLICAÇÃO

FERRAMENTAS, BIBLIOTECAS E RECURSOS UTILIZADOS (DEPENDÊNCIAS)

FRAMEWORKS PARA DESENVOLVIMENTO DE COMPONENTES DE INTERFACE

CLOUD

REPOSITÓRIO (GITHUB/GITLAB/BITBUCKET)

PRODUÇÃO

DESENVOLVIMENTO DOS COMPONENTES DE INTERFACE DA APLICAÇÃO EM JAVASCRIPT

DESENVOLVIMENTO DA APLICAÇÃO PELOS ENGENHEIROS EM JAVASCRIPT USANDO OS COMPONENTES

ATUALIZAÇÃO DOS CÓDIGOS DESENVOLVIDOS DE FORMA COLABORATIVA EM REPOSITÓRIO ONLINE

ATUALIZAÇÃO AUTOMÁTICA DA APLICAÇÃO ONLINE EM AMBIENTES DE TESTE E PRODUÇÃO PARA BRANCHES DISTINTOS

GIT

NODE

NPM

LINHA DE COMANDO

EDITOR DE CÓDIGO

GITHUB,

GITLAB,

BITBUCKET,

ETC.

VERCEL,

HEROKU,

AMAZON AWS,

ETC.

AMBIENTE DE TESTE INSTALADO LOCALMENTE

FRAMEWORK DE PROCESSAMENTO DO CÓDIGO

ESTRUTURA E DOCUMENTOS INICIAIS DA APLICAÇÃO

FERRAMENTAS, BIBLIOTECAS E RECURSOS UTILIZADOS (DEPENDÊNCIAS)