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