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.
- Yarn
- Create-react-app
- Tailwind CSS
- React Router v6
- Prism-react-renderer
- 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 thetags
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
- JSX tag file i.e
- 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 thecomponents/sidebar
folder - Preview your work
- Commit and send a PR