⚛️ React Essentials

To create good React projects you must have good components and reusable code. You may find thousands of examples online, but what if you could get the most important features in one place?

🎯 Principles

This project aims to be an open-source guide for new projects. It's open for collaborators to request fixes and give ideas. The code contains hooks, components, and helper functions for your React project.

🧰 Components

There are plenty of components available in the Storybook Documentation, take a look!

🔗 React Essentials Storybook

Recommended folder structure:

📂src
  ...
  📂components
    (your components...)
    📂form // recommended, but not required
    📂ui // recommended, but not required

⚓ Hooks

• useForm (coming soon :] )

Recommended folder structure:

📂src
  ...
  📂hooks
    (your hooks...)

🔧 Helpers

Common helper functions (a.k.a. utils) that will be used throughout the application. For example formatting, conversions, etc.

Recommended folder structure:

📂src
  ...
  📂utils
    (your helpers...)

📖 Types

Some components depend on global types

Recommended folder structure:

📂src
  ...
  📂models
    (react-essentials required types...)

📚 Important Docs:

• Dialog
• File Input
• Smart Field
• Smart Form
• Toast
• useForm
• useSmartForm