Embed your dev.to posts in React
Kartik Tyagi
Posted on September 3, 2020
Hey Reader,
You landed over here that indicates you also want to embed your posts on dev.to into your personal website or any other site in the simplest way possible.
Don't worry! I got you🤟.
I created this NPM package (react-devdotto) to embed your dev.to posts in React App in no time.
Now, let just dive into how it works.
- Install react-devdotto:
npm install --save react-devdotto
- Import
DevDotTo
in the file in which you want to embed posts:
import DevDotTo from 'react-devdotto
- Put below component and replace
username
with your dev.to username (you'll get it in the URL of your profile):
<DevDotTo username="genialkartik" />
- You can also pass a parameter
coverimage={false}
to remove cover images from blogs list. *Note: default value of coverimage istrue
.
Well Done! You did it🥳.
Feeling too lazy to test?
Then just fork project below on CodeSandbox.io & try with the below code snippet:
Want to contribute?
Then just fork and clone this repository on Github.
- Navigate
cd react-devdotto
. - run
npm install
to install all required dependencies. - Make changes or fix bug.
- Make sure to run build
npm build
before commiting all changes. - Open a pull request to
master
orv***
branch. Now lemme buy you a coffee ☕.
Happy Coding!✨
🌐 Get in touch: kartiktyagi.codes
👥 Connect: Linkedin | Twitter | Facebook | Instagram
💖 💪 🙅 🚩
Kartik Tyagi
Posted on September 3, 2020
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.