Simple realization and thinking of burying point tool based on babel

Relevant knowledge points What is AST abstract syntax tree Compilation process of program Use of AST Babel's principle Examples and thoughts of burying points based on babel in personal implementation What is AST abstract syntax tree Compilation process of program What i ...

Posted by gid on Thu, 10 Feb 2022 10:31:32 +0100

[React family bucket] through the component design mode, making simple todo (including source code)

1, Design project structure Because we implement todo as a functional component, the basic design idea is: 1. Create a todo folder in components and a new index JSX is a todo component. This folder contains some todo widgets 2. On app Import todo from 'is introduced into JSX/ Components / todo 'and render in render: import Rea ...

Posted by FijiSmithy on Sun, 23 Jan 2022 12:42:51 +0100

[React basic series] what is JSX and how to use JSX

React is a library developed, open-source and maintained by facebook, and the meaning of react is to use JavaScript to realize user interaction - a JavaScript library for building user interfaces. Therefore, in essence, React is a library, and its role is to use JavaScript to realize user interaction. Its core idea is to use JavaScript to ...

Posted by Copyright on Mon, 17 Jan 2022 22:29:55 +0100

Note: implement a mini react

preparationOf template files to be used Warehouse address1. JSXLet's look at the jsx syntax first. What did you do babel.jsYou can see that after babel translation, these jsx syntax finally calls react CreateElement, which requires three parameters: type, props and children. Its return value is the virtual DOM object. In other words, we can use ...

Posted by nariman on Mon, 03 Jan 2022 21:18:40 +0100