Building a Markdown Blog With React
Create a blog with markdown file in react application, and using syntax highlighting to showing code nicely and also add the toggle dark mode functionality.
👨💻Code:
https://github.com/candraKriswinarto/...
🔗Link:
React Syntax Highlighter: https://www.npmjs.com/package/react-s...
React Copy To Clipboard: https://github.com/nkbt/react-copy-to...
Markdown To Jsx: https://www.npmjs.com/package/markdow...
Heroicons: https://heroicons.com/
article markdown: https://gist.github.com/candraKriswin...
🌎Live:
https://react-markdown-blog-eight.ver...
Timestamps:
0:00 - Intro
00:07 - Demo
01:24 - Setup create react app
02:02 - Header component
14:28 - Post component
16:23 - Markdown file
17:12 - Install and use markdown-to-jsx
24:42 - Code component
25:34 - Install and use react-syntax-highlighter
28:30 - Install and use react-copy-to-clipboard
35:43 - Toggle dark mode
40:30 - Done
👋🏻Contact Me:
https://canddev.vercel.app/
🌎 Find Me Here:
Instagram : / candra_kriswinarto
GitHub: https://github.com/candraKriswinarto/
Linkedin: / candra-kriswinarto
#react #markdownBlog #enjoyCoding