ASTs
O poder em suas mãos…
Maíra Bello
Recife.
9 anos trabalhando com Web Development.
Mãe de Joaquim.
Joaquim Bello
2 anos.
Lindo.
Fofo.
Amor da mamãe.
ASTs - o poder nas suas mãos
> 60M
de smartphones no Brasil
> 16TB
de dados processados
diariamente
> 28M
de lugares mapeados
Privacidade
Fluidez RelevânciaConveniência
Anonimidade Personalização
consentida
Entregar conveniência para as
pessoas garantindo sua
privacidade.
Nosso
propósito
História
O ano é 2015 (ou 2 a.j.)
ES2015
O ano é 2015 (ou 2 a.j.)
ES2015
O ano é 2015 (ou 2 a.j.)
ES2015
ASTs - o poder nas suas mãos
"Precisamos de uma build para variáveis globals."
Como essas ferramentas transformam ES6 para ES5?
Abstract
Syntax Trees
ASTs - o poder nas suas mãos
Program
Variable
Declaration
Variable
Declarator
Identifier Literal
Expression
Statement
Binary
Expression
Literal Identifier
"name" “Joaquim" “Hello" "name"
AST Explorer
astexplorer.net
ASTs
ASTs
Syntax Highlighting
Autocomplete
ES6 to ES5
Typed JS
Code compression
Import CSS/SVG/etc
Lint Formatting
Code mods
Compilers
Code coverage
JSX
jscodeshift
1.
Entender
2.
Contribuir
3.
Extender
4.
Criar
ASTs: para quê?
"Precisamos de uma build para variáveis globals."
ASTs - o poder nas suas mãos
Conceitos
Visitor Pattern
AST Steps
AST Steps
1.
Parse
2.
Traverse
3.
Transform
4.
Generate
O poder
em suas mãos
1.
Entender
2.
Contribuir
3.
Extender
4.
Criar
ASTs: para quê?
Entender
• babel
• eslint
Contribuir
• babel-plugin-transform-incremental-dom
Extender
• Transformar exports em variáveis globais (babel-globals-module-formatter).
• Alias pra importar do bower (babel-plugin-import-alias-bower).
• Integrar com a closure library da Google (babel-plugin-closure-module).
• Registrar componentes automaticamente após definição da classe
(babel-plugin-metal-register-components).
github.com/mairatma
Criar
• Gerar um componente para cada closure (aka soy) template (soyparser).
O ano é 2017 (ou 1 d.j.)
GraphQL
“Precisamos transformar definições de tipos GraphQL
em CRUD APIs automaticamente.”
“Precisamos permitir que definições de tipos
GraphQL, espalhadas em diferentes repositórios,
se extendam e se comuniquem.
Criar
• Gerar um componente para cada closure (aka soy) template (soyparser).
• Automações a partir de schemas GraphQL (CRUD api, schema
stitching, etc).
inloco.com.br/careers
medium.com/inlocotech
maira.bello@inloco.com.br

Mais conteúdo relacionado

PDF
2024 Trend Updates: What Really Works In SEO & Content Marketing
PDF
Edge middleware acelerando o ecommerce.pdf
PDF
HackaPET 2019: React
PDF
HackaPET 2019: HTML/CSS
PDF
Escalando graphql
PDF
Optimizing Web Performance - A personal experience
PDF
GraphQL: Como começar a usar no seu projeto AGORA
PDF
Tracking js
2024 Trend Updates: What Really Works In SEO & Content Marketing
Edge middleware acelerando o ecommerce.pdf
HackaPET 2019: React
HackaPET 2019: HTML/CSS
Escalando graphql
Optimizing Web Performance - A personal experience
GraphQL: Como começar a usar no seu projeto AGORA
Tracking js

Último (20)

PDF
POO - Aula 05 - Herança - Generalização e Especialização.pdf
PPTX
AULA 1.pptx GESTÃO DE OPERAÇÕES INDUSTRIAIS
PPTX
Importacao_Ordem_Customizacao_SAP_S4HANA.pptx
PPTX
RCSOFTdfsdfrvadfvdfvargfvevevrervevqer.pptx
PPTX
Legislação aeronautica na aviação civil Brasileira
PDF
Gestão contínua de exposição a ameaças petrobras
PDF
POO - Aula 03 - Membros Estáticos e Construtores.pdf
PDF
wp-sn-advanced-high-availability-architecture (pt-br).pdf
PPTX
Formação aaaaaaaaadsdsfg er rsgrsgesf efsfsefsf e LEEI.pptx
PPT
Padrões de Beleza I - Estética Corporal e Saúde
PPTX
Introdução a Computação em Nuvem-parte2-T2
PDF
POO - Aula 05 - Herança - Generalização e Especialização.pdf
PPTX
Politicas-de-Seguranca-Privacidade-e-Cookies.pptx
PDF
T-pico 1.pdfnsjabdkaksbbsuendnijsbshajanzk
PDF
Arquitetura de Software slides sommerville
PDF
instalacoes eletricas para industria apressentacao basicas
PDF
pdfcoffee.com_metalografia-25-pdf-free.pdf
PPT
01 - Arquitetura de Computadores 1 TEC [Salvo automaticamente].ppt
PPTX
Panorama da aviação civil brasileira ANAC
PPTX
Modelo para Qualificação de Mestrado - Tecnologia da Informação
POO - Aula 05 - Herança - Generalização e Especialização.pdf
AULA 1.pptx GESTÃO DE OPERAÇÕES INDUSTRIAIS
Importacao_Ordem_Customizacao_SAP_S4HANA.pptx
RCSOFTdfsdfrvadfvdfvargfvevevrervevqer.pptx
Legislação aeronautica na aviação civil Brasileira
Gestão contínua de exposição a ameaças petrobras
POO - Aula 03 - Membros Estáticos e Construtores.pdf
wp-sn-advanced-high-availability-architecture (pt-br).pdf
Formação aaaaaaaaadsdsfg er rsgrsgesf efsfsefsf e LEEI.pptx
Padrões de Beleza I - Estética Corporal e Saúde
Introdução a Computação em Nuvem-parte2-T2
POO - Aula 05 - Herança - Generalização e Especialização.pdf
Politicas-de-Seguranca-Privacidade-e-Cookies.pptx
T-pico 1.pdfnsjabdkaksbbsuendnijsbshajanzk
Arquitetura de Software slides sommerville
instalacoes eletricas para industria apressentacao basicas
pdfcoffee.com_metalografia-25-pdf-free.pdf
01 - Arquitetura de Computadores 1 TEC [Salvo automaticamente].ppt
Panorama da aviação civil brasileira ANAC
Modelo para Qualificação de Mestrado - Tecnologia da Informação
Anúncio
Anúncio

ASTs - o poder nas suas mãos