ReactJS

How to Optimize React Components for Maximum Performance

UPDATE: Author

UPDATE: Author
How to Optimize React Components for Maximum Performance

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Headings

To create a heading, add number signs (#) in front of a word or phrase. The number of number signs you use should correspond to the heading level. For example, to create a heading level two, use two number signs (e.g., ## My Header). Do not use heading 1 in the markdown as it's usually reserved for the title.

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.

Emphasis

The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et by Cicero are also reproduced in their exact form, accompanied by English versions from the 1914 translation by H. Rackham.

Blockquote

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.

Code block

Use single backtick before and after words to make it code. For example console.log('hello').

To create a code block, use three backticks (```) on the lines before and after the code block like the following:

export const metadata: Metadata = {
  icons: [
    {
      rel: 'apple-touch-icon',
      sizes: '180x180',
      url: '/layout/favicon/apple-touch-icon.png',
    },
    {
      rel: 'icon',
      type: 'image/png',
      sizes: '32x32',
      url: '/layout/favicon/favicon-32x32.png',
    },
  ],
  manifest: '/layout/favicon/site.webmanifest',
};

Image

This is the alt tag

Lists

Ordered

  1. First item
  2. Second item
  3. Third item

Unordered

  • First item
  • Second item
  • Third item

Links

Internal link

Here is an example of an internal link Add favicon in a NextJS app

External Link

Here is an example of an external link Markdown cheat sheet

Affiliate banner

Here is an example of an affiliate banner.

Affiliate banner

Embedded video

Here is an example of an embedded YouTube video.

Google Add

Here is how you can add Google Ad to your article.

<GoogleAd slot='9563416712' />