Front-End
Naming Conventions
Camel Case: camelCase Snake Case: snake_case Kebab Case: kebab-case Pascal Case: PascalCase U...
Application Folder Structure
/.devops /public /src /_metronic /assets /_components /_constants /_contexts /_hooks /_m...
Service(s)
Folder Name [{ServiceName}] (PascalCase): Conversations File Name {ServiceName}+".js" (PascalC...
Component(s)
Component Types Global Component: Tüm uygulama içersinde veya farklı servislerde birden fazla ke...
Modal(s)
A modal is a dialog box/popup window that is displayed on top of the current page. Folder Struct...
Context(s)
Context provides a way to pass data through the component tree without having to pass props down ...
Constant(s)
What is a constants file? A constants file is a dedicated file to store declared constant proper...
Hook(s)
Hooks are the new feature introduced in the React 16.8 version. It allows you to use state and ot...
Util(s)
/utils {utilsGroupName}.js index.js
Router(s)
In a typical React application, data is passed top-down (parent to child) via props, but such usa...
React Component Inside Structure
base hooks (not custom) useTranslate useHistory useLocation etc. states querys mut...