tinyreact is tiny, simple and clear react-like lib. It will help you understand react better.
so first, let's play todoList written by tinyreact
npm install tinyreact --save
let's write 'Hello World':
- .babelrc
{ "presets": [ "es2015" ], "plugins": [ ["transform-react-jsx", { "pragma": "createElement"// default pragma is React.createElement, we should change! }] ] }
-
npm install tinyreact --save
-
write your code like React
import Tinyreact, { createElement, Component } from 'tinyreact' class HelloWorld extends Component { render() { return <div style={{ color: 'red' }}>Hello World</div> } } Tinyreact.render(<HelloWorld/>, document.getElementById("root"))
- virtual-dom
- life-cycle
- SyntheticEvent
- batchUpdate
- high-performance virtual-dom
- fiber