August 5, 2023•3 min

Multiple Reasons As To Why This Is A Hello World

#hello world

#react

#copy

HPablo Hernández Jiménez

import * as React from 'react';

export type HelloWorldProps = React.ComponentProps<'div'>;

export function HelloWorld({ className }: HelloWorldProps) {
  const hello = () => {
    console.log('Hello, World!');
  };
  return <div className={className}>Hello World!</div>;
}

This is an <h2/>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu lectus purus. Proin volutpat magna a ante convallis cursus. Cras efficitur ipsum eu magna blandit, tempor pulvinar sapien bibendum. In gravida massa eget velit venenatis pretium. Cras hendrerit diam sit amet libero feugiat, sit amet pharetra mi mollis. Donec vel mollis lectus. Mauris vulputate pharetra odio vel sollicitudin. Nullam dui lectus, consectetur nec erat a, blandit vulputate massa.

Code Examples

const str: string = 1;
Type 'number' is not assignable to type 'string'.
str = 'Hello';
Cannot assign to 'str' because it is a constant.

// import { getHighlighterCore } from 'shiki/core';

// const highlighter = await getHighlighterCore({});
const a = 1;
Custom log message
const b = 1;
Custom error message
const c = 1;
Custom warning message
Custom annotation message

Aliquam sed purus imperdiet, rutrum justo quis, mattis tellus. import { Button } from '~/components/ui/button'{:js} . Nunc semper vitae nisl ut consectetur. Fusce nisi neque, accumsan vitae facilisis ut, bibendum quis nulla. Vivamus sit amet aliquam elit, eget condimentum ligula. Donec auctor consequat leo ac auctor. Morbi posuere vitae turpis sed venenatis. Nunc condimentum augue lectus. Etiam consequat scelerisque condimentum. Vestibulum vitae quam velit. Donec tristique, ipsum sit amet pellentesque rhoncus, mi quam feugiat massa, in porttitor mauris nisl ut velit. Pellentesque rutrum, tortor vitae dignissim vehicula, nisl augue aliquam risus, a pulvinar nunc nibh lacinia ligula. Morbi rhoncus justo molestie purus ornare imperdiet. Morbi et lobortis nunc.

This is an <h3/>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu lectus purus. Proin volutpat magna a ante convallis cursus. Cras efficitur ipsum eu magna blandit, tempor pulvinar sapien bibendum. In gravida massa eget velit venenatis pretium. Cras hendrerit diam sit amet libero feugiat, sit amet pharetra mi mollis. Donec vel mollis lectus. Mauris vulputate pharetra odio vel sollicitudin. Nullam dui lectus, consectetur nec erat a, blandit vulputate massa.

Aliquam sed purus imperdiet, rutrum justo quis, mattis tellus. import { Button } from '~/components/ui/button'{:js} . Nunc semper vitae nisl ut consectetur. Fusce nisi neque, accumsan vitae facilisis ut, bibendum quis nulla. Vivamus sit amet aliquam elit, eget condimentum ligula. Donec auctor consequat leo ac auctor.

Lorem ipsum dolor sir amet

This is a table 🤓😄🍰💻

Morbi posuere vitae turpis sed venenatis. Nunc condimentum augue lectus. Etiam consequat scelerisque condimentum. Vestibulum vitae quam velit. Donec tristique, ipsum sit amet pellentesque rhoncus, mi quam feugiat massa, in porttitor mauris nisl ut velit. Pellentesque rutrum, 🤓😄🍰💻 tortor vitae dignissim vehicula, nisl augue aliquam risus, a pulvinar nunc nibh lacinia ligula.

Morbi posuere vitae turpis sed venenatis. Nunc condimentum augue lectus. Etiam consequat scelerisque condimentum. Vestibulum vitae quam velit. Donec tristique, ipsum sit amet pellentesque rhoncus, mi quam feugiat massa, in porttitor mauris nisl ut velit. Pellentesque rutrum, tortor vitae dignissim vehicula, nisl augue aliquam risus, a pulvinar nunc nibh lacinia ligula.