2. Prerequisite

refine is a React-based framework. So, if you have some preliminary knowledge of React and TypeScript, then this tutorial is perfect for you! Just by following the directions provided, you'll be able to finish it from start to finish.

In order to publish and deploy your project, you'll also need a GitHub account (or a similar platform).

<details> <summary>How do I use the checklists at the bottom of each page?</summary>

A clickable task checklist awaits you at the end of each page to measure your understanding of the content. Check these items off to see your progress in the Tutorial Tracker.

(This data is only saved to your browser’s local storage, and is not available elsewhere. No data is sent to, nor stored by refine.)

</details> <details> <summary>What if I need help, or want to learn more about <strong>refine</strong>?</summary>

• Join the Discord Community – it is the easiest way to get help, all questions are usually answered in about 30 minutes.
• GitHub Discussions – ask anything about the project or give feedback, we'd love to hear your thoughts!

</details> <!-- <details> <summary>What is the mini-quiz at the bottom of each page?</summary> The mini-quiz at the bottom of each page is a quick way to test your understanding of the content. It is not required to complete the tutorial, but it is recommended to take it to make sure you understand the content. </details> --> <details> <summary>Where can I leave feedback about this tutorial?</summary>

You can leave feedback about this tutorial by clicking the "Give us feedback" button at the bottom of the tutorial tracker.

You can also reach us on Discord.

</details> <Checklist> <ChecklistItem id="prequisite-looks-great"> I understood how to use the checklists. </ChecklistItem> <ChecklistItem id="prequisite-looks-great-2"> I know how to get help and where to leave feedback. </ChecklistItem> </Checklist>