Using PrismJS as a Syntax Highlighter in Reactby@itsmycode
18,720 reads
18,720 reads

Using PrismJS as a Syntax Highlighter in React

by Srinivas Ramakrishna5mNovember 10th, 2021
Read on Terminal Reader
Read this story w/o Javascript
tldt arrow
EN

Too Long; Didn't Read

PrismJS is a library written using JavaScript, which is used for syntax highlighting or code highlighting. It's one of the most popular libraries used by millions of websites to highlight the code block. Prism is lightweight (2KB), intuitive, blazing-fast and extensible compared to other libraries. The language is defined through the way recommended in the HTML5 draft: through a language-xxxx class. There are plugins for Prism which provides additional features, and if there is a need, you could select the relevant plugins using the checkbox.

Company Mentioned

Mention Thumbnail
featured image - Using PrismJS as a Syntax Highlighter in React
Srinivas Ramakrishna HackerNoon profile picture
Srinivas Ramakrishna

Srinivas Ramakrishna

@itsmycode

Solution Architect having 14+ Years of Experience in .NET Core, Python, Node.JS, JavaScript, Cloud (Azure), RDBMS

About @itsmycode
LEARN MORE ABOUT @ITSMYCODE'S
EXPERTISE AND PLACE ON THE INTERNET.
L O A D I N G
. . . comments & more!

About Author

Srinivas Ramakrishna HackerNoon profile picture
Srinivas Ramakrishna@itsmycode
Solution Architect having 14+ Years of Experience in .NET Core, Python, Node.JS, JavaScript, Cloud (Azure), RDBMS

TOPICS

Languages

THIS ARTICLE WAS FEATURED IN...

Permanent on Arweave
Read on Terminal Reader
Read this story in a terminal
 Terminal
Read this story w/o Javascript
Read this story w/o Javascript
 Lite
Also published here