May 1, 2021
React Typewriter effect
To implement react typewriter effect is vary simple
Step 1 : install react typewriter-effect
npm i typewriter-effect
or
yarn add typewriter-effect
Step 2: Create a react componet, for example type.js and paste the code below
import React from ‘react’;
import Typewriter from “typewriter-effect”;
const Type = () => {
return (
<Typewriter
options={{
strings: [
“Full Stack Developer”,
“React Developer”,
“MERN Stack Developer”,
“Open Source Contributor”,
],
autoStart: true,
loop: true,
deleteSpeed: 50,
}}
/>
);
};
export default Type;
It’s done , enjoy happy coding !!!