Practice how to create a reusable JSX element component by converting any HTML tag of your choice to React JSX component.

Check the live website here.

Tools and Dependencies

• Yarn
• Create-react-app
• Tailwind CSS
• React Router v6
• Prism-react-renderer

How to Contribute?

• Create an issue about the JSX tag you want to contribute (let people know that it's taken)
• Clone this repository
• Run yarn install to install the dependencies
• Create your own branch
• Create a new folder for your HTML tag i.e h1 in the tags folder
• Create the following files inside your new HTML tag folder
  • JSX tag file i.e H1.jsx
  • Component and contributors details file i.e h1_details.js
  • index.js
• Create a resuable JSX element component inside the HTML tag file i.e H1.jsx
• Add the code and title in the h1_details.js file
• Export the component as default using the index.js file
• Add the component to the Sidebar-links.js file in the components/sidebar folder
• Preview your work
• Commit and send a PR

Proposed UI

Update

Update (Current)

Thanks to all Stargazers ⭐️

Kudos to all Contributors 🍻