Want more egghead?

This lesson is for members. Join us? Get access to all 3,000+ tutorials + a community with expert developers around the world.

Unlock This Lesson

Already subscribed? Sign In

Autoplay

    Create a new GlimmerJS component

    Bram BorggreveBram Borggreve

    In this lesson we will use the ember cli to generate a new component. Running ember g glimmer-component my-component generates the template and component class. We change the content of our component and add it to the main template in order to show it on the page.

    emberEmber.js
    Code

    Code

    Become a Member to view code

    You must be a Member to view code

    Access all courses and lessons, track your progress, gain confidence and expertise.

    Become a Member
    and unlock code for this lesson
    Transcript

    Transcript

    00:00 We generate a new component called My-Components. This generates two files and source RY components, My-Component, the component class, and the template. We open up template.hps, and add some content to the DIV.

    00:20 In order to make these components visible, we open up our maintemplate.hps, and add our component using the tag My-Component. After the auto reload, we should see our text appear.

    Discuss

    Discuss