Join egghead, unlock knowledge.

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
Become a member
to unlock all features

Level Up!

Access all courses & lessons on egghead today and lock-in your price for life.


    Efficiently write HTML and JSX using Emmet

    Tomasz ŁakomyTomasz Łakomy
    htmlHTML 5

    Frontend developers tend to write quite a lot of HTML (or JSX). This is why it's important to be able to optimize time spent writing <div></div> manually to use the cognitive resources for more challenging tasks.

    Modern editors such as VS Code have emmet plugin built in which allows us to write HTML structure much faster due to the fact that it allows us to quickly create nested structures, multiple elements, siblings etc. In this lesson we are going to learn how to use emmet to write HTML more efficiently.



    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