DEV Community

Gustavo Tavares
Gustavo Tavares

Posted on

 

OSD600 - LAB 06

For this lab our goal was to understand how to use the Docusaurus, pick a feature from it and start to implement it into our SSG.

The Feature

For my SSG, I decided to go with the Full Markdown support. Issue #16
The Full Markdown support consists in making the SSG able to parse all markdown into HTML.
As described in LAB 06, I could use a open source library to help me with that.

Markdown-it

Markdown-it was the library I have chosen to help me with the parsing task.
The library was really intuitive and easy to use.
The steps I had to take were:
Install:

npm install markdown-it --save
Enter fullscreen mode Exit fullscreen mode

Code:

var md = require('markdown-it')();
var result = md.render('# markdown-it rulezz!');
Enter fullscreen mode Exit fullscreen mode

So in My SSG I just had to remove my old MD parsing method for this new one.
The PR is here: PR #17

Finally

The markdown-it was really useful and saved me a lot of time, thanks to it I am able to think about implementing other features to my SSG.

Top comments (0)

The JavaScript Brief

1. Top 5 MERN STACK projects to improve your practical understanding

Boost your MERN Stack development skills by undertaking interesting beginner projects. These five engaging projects cover web applications and range from social media website applications to geo-social networking maps. Hone your understanding and apply modern techniques backed up by hands-on experience.

2. How To Optimize Your React App’s Performance

Learn the best optimizing techniques to make your React applications faster and more efficient. Focusing on the identification of performance bottlenecks and common pitfalls to avoid, these optimization strategies will keep your applications running smoothly even when faced with growing complexity.

3. A story of let, const, object mutation, and a bug in my code

In the pursuit of bug-free code, explore an incident involving a mix-up between const and let, making sure your custom code works effectively with third

party documentation. Discover best practices on program flow and learn about JavaScript's unpredictable aspects to ensure your core code is robust.