⚙ SnappMarket frontend powerful tools

hooks, helpers, ui components and icons that we used in new version of snappmarket website

demo

You can see demo at : https://ft-box.netlify.com/

get started

npm i @snappmarket/ui
npm i @snappmarket/hooks
npm i @snappmarket/helpers
npm i @snappmarket/icons
npm i @snappmarket/config

// OR 

yarn add @snappmarket/ui
yarn add @snappmarket/hooks
yarn add @snappmarket/helpers
yarn add @snappmarket/icons
yarn add @snappmarket/config

⚒ Hooks Found Here

Hook Name	Description
useDebounce	🔂 Change rapidly, do once
useDidUpdateEffect	🧵 Do not worry about render phase effect calls
useFocus	😵 Focus on every thing you want
useForceUpdate	👿 force update component
useGeoLocation	🗺 easily deal with navigator location API
useRouteChange	🏹 detect when react router dom route changes
useTimer	⏱ easily handle timing

💈 UI Components found here

Component	Description
Accordion	Accordion Ui component
Alert	Alert Ui component
Breadcrumb	Breadcrumb Ui component
Button	Button Ui component
Checkbox	CheckBox Ui component
ConfirmDialog	ConfirmDialog Ui component
Dialog	Dialog Ui component
Grid	Grid Ui component
GridSystem	GridSystem Ui component
Icon	Icon Ui component
Image	Image Ui component
Input	Input Ui component
InputRange	InputRange Ui component
Range	Range Ui component
Range	Range Ui component
Json	Json Ui component
Label	Label Ui component
LinedText	LinedText Ui component
Loading	Loading Ui component
Modal	Modal Ui component
OptionGroup	OptionGroup Ui component
Radio	Radio Ui component
Pagination	Pagination Ui component
ProgressBar	ProgressBar Ui component
Skeleton	Skeleton Ui component
Slider	Slider Ui component
TabSwitcher	TabSwitcher Ui component
TextWrap	TextWrap Ui component
Toggle	Toggle Ui component
Tooltip	Tooltip Ui component

💊 Helpers Found Here

Helper	Methods
ArrayHelpers	`arrayItemAddProp` ,f`lattenArray` ,s`erializeObject` ,s`tringifyArray` ,d`eepFlatten`
CookieHelpers	`getCookie`, `setCookie`
DebugHelpers	`delog`, `ApiError`, `globalErrorCatcher`
HttpHelpers	`fetchWithTimeOut`, `universalCall`
JsonHelpers	`recursiveJsonParse`
MapHelpers	`isLocationInIran`
NumberHelpers	`persianNumber`, `englishNumber`, `generateKey`, `cellphoneValidate`, `cellphoneValidatePattern`, `currencyPrice`
ObjectHelpers	`removeByKey`, `flattenObject`, `makeCookieString`, `safeObjectPropertyRead`, `getNextProp`
OSHelpers	`getOSName`, `getAgent`
PromiseHelpers	`racePromise`, `makeTimeout`, `emptyPromise`
ProxyHelpers	`onChangeReflector`
ReduxHelpers	`actionMaker`, `normalizeActionType`, `configPersistor`
StorageHelpers	`getLocalStorageData`
StringHelpers	`stringReplace`, `bulkStringReplace`
TemplateHelpers	`HexToRgb`, `defineForegroundColor`, `makeRgba`, `decideMeasurement`, `makeShadow`
WindowHelpers	`getPathName`, `getWindowSize`