Skip to content
malcolmkee.com repo
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github/ISSUE_TEMPLATE
.vscode
blogs
gatsby
lambda
src
static
workshops
.gitignore
.prettierrc
README.md
gatsby-browser.js
gatsby-config.js
gatsby-node.js
gatsby-ssr.js
netlify.toml
package.json
postcss.config.js
tsconfig.json
webpack.functions.js
yarn.lock

README.md

malcolmkee.com

Netlify Status

Source code for Malcolm Kee's personal site and workshop materials.

Workshop materials:

Code Snippet MDX Usage

This site is powered by gatsby-mdx, which enable the code editor in the markdown.

Live code editor mode will be enabled for two cases:

  • the language is js (javascript will not be live code editor).
  • the language is jsx with prop live

The props can be provided like this:

    ```jsx live fileName=src/example.js
    () => <h1>Hello world!</h1>
    ```

The following props are supported:

  • fileName: add fileName above the code snippet. Handy to indicate which file you're working on.

Only applicable for language jsx:

  • live: make the code live editor.
  • noInline: make the render of component requires the call of render. This is actually props of react-live.

Highlight Code

In addition, if the code snippets are not rendered as live code editor, you can highlight specific lines with the following special comments:

  • highlight-next-line
  • highlight-start
  • highlight-end
  • hightlight-line

Local Build Time Optimization

It's possible to disable specific pages to optimize local build time by adding the following variables to a env.development file:

DISABLE_BLOG=true
DISABLE_WORKSHOP=true
ONLY_WORKSHOP=intro-to-react-js-v2 # content id of workshop
You can’t perform that action at this time.