opendevs
Living in style with class

Fragment so small so significant

Dogesh has a website build with React where he is facing the trouble of having too many div tags just to group together components. He has heard about this new shinny concept called Fragments. Can you help him implement the same.

Tip: Checkout Fragments: https://reactjs.org/docs/fragments.html

In DOM it should look like this:

<h1>My Cool Bio</h1> <p>I live on the edge. I sit on the ledge. I click cool pics. I post them with Swag!</p>

Requirements:

  1. There should be a heading (1st Node)

    1. With text: My Cool Bio (case insensitive)
    2. It should be the first Node of the DOM
  2. There should be a paragraph (2nd Node)

    1. With text: I live on the edge. I sit on the ledge. I click cool pics. I post them with Swag! (case insensitive)
    2. It should be the second Node of the DOM

Difficulty

medium

Solve the practice problems to earn    DevCoin image 
Coding Area
Output

Copyright © 2022 opendevs

Learn ● Develop ● Ace
All illustrations by Storyset