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

30 Days to Learn Laravel
Laracasts
3D Graphics for Web Developers
Pompeu Fabra University via FutureLearn
A Beginner’s Guide to Web Development with HTML5
Packt via FutureLearn
Accessibility Audit
Amazon Web Services via AWS Skill Builder
Expanding Your JS Skills with Angular
A Cloud Guru