Learn to create a simple Todo App with Metal.js and JSX
Start by cloning the boilerplate repository:
git clone https://github.com/metal/metal-tutorial-todo.git
Then navigate to the root of the project in your terminal and install the local npm dependencies:
cd metal-tutorial-todo && npm install
The boilerplate that you'll build on is located in the src/jsx directory. You can also view the finished product in the src/jsx/final directory.
To test drive the boilerplate located in the src/jsx directory, run the build script shown below:
npm run build:jsx
This tutorial uses ES6 syntax; if you're unfamiliar with it, check outthis guide first.
To build the finished product, run the following script:
npm run build:jsx:final
Now that you've built the project, go ahead and open the demo page located at
If you check the file you'll see that the component is already being invoked:
When you invoke a component this way, it is rendered to the