Главная
Study mode:
on
1
Introduction
2
Static analysis
3
Why static analysis is difficult
4
Why static analysis is easier
5
Lowlevel transformations of code
6
Highlevel transformations of code
7
Instrumentation
8
MVC
9
Component wrappers
10
Component wrapper implementation
11
Generalizing the transform
12
What is a compiler
13
What is an AST
14
Parse
15
Terminal Step
16
Using the AST
17
Traversal and Query
18
FragmentParse
19
Templates
20
Object literals
21
Transformation
22
Return component name
23
Conclusions
Description:
Explore the power of Abstract Syntax Trees (AST) in React applications through this 28-minute conference talk from React.js Conf 2015. Delve into the concept of "code as data" and discover how Esprima, a JavaScript parser, enables access to AST representations. Learn about static analysis, code transformations, and instrumentation in React. Understand the basics of compilers, AST parsing, and traversal techniques. Gain insights into component wrappers, object literals, and practical implementations for unlocking the structure of React applications. Presented by Gurdas Nijor, Senior Software Engineer at OpenGov Inc, this talk demonstrates how leveraging AST can lead to innovative applications beyond traditional character-based code interpretation.

React Applications Structure Analysis Using AST - React.js Conf 2015

Meta
Add to list
0:00 / 0:00