First MDX post

January 10, 2020 · 2 min read

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis minus commodi veritatis dignissimos consectetur sapiente id explicabo. Fugit impedit, ex officia molestiae magnam molestias vel. Blanditiis id assumenda repellat deleniti. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis minus commodi veritatis dignissimos consectetur sapiente id explicabo. Fugit impedit, ex officia molestiae magnam molestias vel. Blanditiis id assumenda repellat deleniti.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis minus commodi veritatis dignissimos consectetur sapiente id explicabo. Fugit impedit, ex officia molestiae magnam molestias vel. Blanditiis id assumenda repellat deleniti. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis minus commodi veritatis dignissimos consectetur sapiente id explicabo. Fugit impedit, ex officia molestiae magnam molestias vel. Blanditiis id assumenda repellat deleniti. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis minus commodi veritatis dignissimos consectetur sapiente id explicabo. Fugit impedit, ex officia molestiae magnam molestias vel. Blanditiis id assumenda repellat deleniti.

Code Snippet

import React from 'react';

const Counter = initialCounter => {
  const [counter, setCounter] = React.useState(initialCounter);

  const onIncrement = () => {
    setCounter(c => c + 1);
  };

  const onIncrement = () => {
    setCounter(c => c - 1);
  };

  return (
    <div>
      {counter}

      <div>
        <button onClick={onIncrement} type="button">
          Increment
        </button>
        <button onClick={onDecrement} type="button">
          Decrement
        </button>
      </div>
    </div>
  );
};

export default Counter;

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis minus commodi veritatis dignissimos consectetur sapiente id explicabo. Fugit impedit, ex officia molestiae magnam molestias vel. Blanditiis id assumenda repellat deleniti.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis minus commodi veritatis dignissimos consectetur sapiente id explicabo. Fugit impedit, ex officia molestiae magnam molestias vel. Blanditiis id assumenda repellat deleniti. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis minus commodi veritatis dignissimos consectetur sapiente id explicabo. Fugit impedit, ex officia molestiae magnam molestias vel. Blanditiis id assumenda repellat deleniti.

Hello

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean et auctor enim. Nunc nec sapien non ante accumsan consectetur at et turpis. Aliquam eu magna ornare, faucibus sem a, sollicitudin lacus. Cras pulvinar, magna id pellentesque commodo, mi neque vehicula risus, quis lobortis felis mauris sit amet tellus. Mauris at auctor augue. Praesent quis mattis libero. Pellentesque eleifend vehicula orci, eu dapibus eros pulvinar ac. Praesent vehicula pharetra faucibus. Vivamus eget suscipit felis, et tincidunt eros. Praesent lacus nisl, bibendum vitae felis a, blandit interdum velit. Proin finibus enim quis felis posuere, quis faucibus erat cursus.

Hii

Nullam vehicula massa in sodales congue. Aenean tincidunt mattis malesuada. Nam accumsan purus velit, et sodales nulla luctus at. In vitae sapien faucibus, tincidunt lectus non, scelerisque eros. In hac habitasse platea dictumst. Aenean suscipit enim sed ex porttitor fermentum. Morbi suscipit augue magna, faucibus egestas mi pulvinar at. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent accumsan justo ac convallis gravida. Nullam tincidunt leo risus. Morbi a fringilla felis. Mauris convallis iaculis tellus nec consectetur. Mauris ac elit cursus, dignissim risus eget, pulvinar odio. Suspendisse in facilisis erat, eu maximus mauris. Phasellus risus purus, luctus sed rhoncus sed, sollicitudin eu eros. Pellentesque in venenatis velit.