Capabilities

This aims to hold all various capabilities that this blog posesses.

In fact, the use of react combined with MDX provides the benefits of the intuitive markdown notation aswell as the ability to include react components inside the articles for more complex scenarios. Would it be games, galeries, animations, simulations, ...

Markdown

To start with the markdown notations, for instance

• #h1 , ##h2 , ###h3 for headings
• --- for horizontal rule
• `text` for code block
• > block for block quotes
• [label](url) for URL notation
• ![label](url) for IMG notation
• **bold**, *italic*, ~~strike~~ for text styles
• - item for unordered lists
• #. item for ordered lists
• term : definition for definition list
• - [x] for task list
• ...

and more

x | A | B ---|---|--- 1 | A1 | B1 2 | A2 | B2

X - React Components

The major benefit of MDX is the possibility to use react components such as syntax highlighting:

<CodeSyntax lang="language-c" >...</CodeSyntax>

  // Increments i by 1
  static int incr(int i){
    return ++i;
  }

But also Standard HTML (combined with components):

<div>Using Components: <Button text="Button"/></div>