![const React = require('react');
import React from 'react';
/const (w+) = require('([^']+'));/
→ import $1 from '$2';](https://image.slidesharecdn.com/wsd-codemods-161005104428/85/javascript-javascript-3-320.jpg)
![define(['react'], function(React) {
return {...};
});
const React = require('react');
module.exports = {...};
AMD
CommonJS](https://image.slidesharecdn.com/wsd-codemods-161005104428/85/javascript-javascript-5-320.jpg)
Меняем javascript с помощью javascript
- 1. Меняем JavaScript с помощью JavaScript Павел Волокитин
- 2. const React = require('react'); import React from 'react';
- 3. const React = require('react'); import React from 'react'; /const (w+) = require('([^']+'));/ → import $1 from '$2';
- 4. forEach(arr, function(item) { console.log(item); }); for (const item of arr) { console.log(item); }
- 5. define(['react'], function(React) { return {...}; }); const React = require('react'); module.exports = {...}; AMD CommonJS
- 7. 1 + 2 + 3 Abstract Syntax Tree
- 8. 1 + 2 + 3 BinaryExpr + BinaryExpr + 1 2 3 Abstract Syntax Tree
- 9. 1 + 2 + 3 BinaryExpr + BinaryExpr + 1 2 3 console.log(123) Abstract Syntax Tree
- 10. 1 + 2 + 3 BinaryExpr + BinaryExpr + 1 2 3 console.log(123) CallExpr MemberExpr Identifier "console" Identifier "log" 123 Abstract Syntax Tree
- 14. react-codemod
- 15. const Comp = React.createClass({ getDefaultProps() { return {size: 10}; }, getInitialState() { return {focused: false}; }, render() {...}, });
- 16. class Comp extends React.Component { static defaultProps = {size: 10}; state = {focused: false}; render() {...} }
- 19. Demo: nuclide outline Demo: react-docgen Demo: modules
- 20. Трудности
- 23. function f(a, b) { ... } function fn( argumentOne, argumentTwo, ) { ... }
- 24. obj = { one: 1, two: 2, }; obj = { func() {}, value: null, };
- 27. const React = require('react'); obj = { one: 1, two: 2, }; – recast/lib/printer.js – Временные ноды $$newline; $$newline, $$newline,
- 28. const React = require('react'); obj = { one: 1, two: 2, }; – recast/lib/printer.js – Временные ноды
- 29. Спасибо