Advanced Search
Search Results
28 total results found
4) Engineering
Modal(s)
A modal is a dialog box/popup window that is displayed on top of the current page. Folder Structure /{ModalName} /_redux (Optional) /_components (Optional) /_constants (Optional) /_contexts (Optional) /_hooks (Optional) /_utils (Optional) {ModalName}....
Scheduler
Filters Monthly View & Weekly View & List View Status Content Types Channels Categories Labels Assigned Users Save Clear All Exports Filters Export (PPTX) Export (CSV) Calendar Monthly View & Weekly View & List View Compact View Detail...
New Page
Router(s)
In a typical React application, data is passed top-down (parent to child) via props, but such usage can be cumbersome for certain types of props (e.g. locale preference, UI theme) that are required by many components within an application. Context provides a w...
Context(s)
Context provides a way to pass data through the component tree without having to pass props down manually at every level.In a typical React application, data is passed top-down (parent to child) via props, but such usage can be cumbersome for certain types of ...
Icons
Font Awesome is the world’s most popular icon library and includes font and SVG icons. The library includes over 1500+ carefully designed icons and is fully compatible with the Bootstrap. That's why we're using Font Awesome for all kind of marketing materials ...
React Component Inside Structure
base hooks (not custom) useTranslate useHistory useLocation etc. states querys mutations selectors actions & events / actions / events renders Example:
Process
test
Hook(s)
Hooks are the new feature introduced in the React 16.8 version. It allows you to use state and other React features without writing a class. Hooks are the functions which "hook into" React state and lifecycle features from function components. It does not work...
Util(s)
/utils {utilsGroupName}.js index.js
Constant(s)
What is a constants file? A constants file is a dedicated file to store declared constant properties. The beauty of this file is that it’s accessible globally throughout the app. Declare A Constant ES6 provides a new way of declaring a constant by using the...
Service(s)
Folder Name [{ServiceName}] (PascalCase): Conversations File Name {ServiceName}+".js" (PascalCase): Conversations.js React Functional Component Name {ServiceName}+"Service" function ConversationsService() { ... } Folder Structure /{ServiceN...
1) Welcome
Component(s)
Component Types Global Component: Tüm uygulama içersinde veya farklı servislerde birden fazla kere kullanılan component'lardır.Service Component: Tek bir servis içerisinde bir veya birden fazla kere kullanılan component'lardır.Partial Component: Bir component...
Application Folder Structure
/.devops /public /src /_metronic /assets /_components /_constants /_contexts /_hooks /_modals /_services /_redux /_router /_utils
Naming Conventions
Camel Case: camelCase Snake Case: snake_case Kebab Case: kebab-case Pascal Case: PascalCase Upper Case: UPPERCASE Lower Case: lowercase