YoVDO

Building Websites with MDX and Gatsby

Offered By: egghead.io

Tags

Gatsby Courses Web Development Courses React Courses Markdown Courses MDX Courses

Course Description

Overview

MDX is an authorable format that lets you seamlessly write JSX in your Markdown documents.
Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps
Together, they combine to create a powerful platform for docs, blogs, and other rich applications.

Syllabus

  • Introduction to MDX
  • Install MDX in a New Gatsby Project
  • Use a React Component from NPM in an MDX File with Gatsby MDX
  • Use MDXProvider to Control the Rendering of Markdown Elements with Gatsby MDX
  • Replace the MDX Content Wrapper with an MDXProvider in Gatsby MDX
  • Create a Live Code Component with Gatsby MDX and React Live
  • Syntax Highlighting Code Blocks using Components with Prism React Renderer and Gatsby MDX
  • Compose Syntax Highlighting and Live Code Examples using MDXProvider with Gatsby MDX
  • Processing Markdown File Extensions with Gatsby MDX
  • Access Props inside MDX within a Gatsby Application

Taught by

Chris Biscardi

Related Courses

Reproducible Research
Johns Hopkins University via Coursera
Writing READMEs
Udacity
مجموعة أدوات عالم البيانات
Johns Hopkins University via Coursera
Data Science Tools
IBM via edX
Recherche reproductible : principes méthodologiques pour une science transparente
Inria (French Institute for Research in Computer Science and Automation) via France Université Numerique