⚙ 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 | |
| useDidUpdateEffect | |
| useFocus | |
| useForceUpdate | |
| useGeoLocation | |
| useRouteChange | |
| useTimer |
💈 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 ,flattenArray ,serializeObject ,stringifyArray ,deepFlatten |
| 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 |
💎 Icons found here
All icons has svg file, react component, and an special sprite svg
💯 100% tested react 100+ svg icon components
Contributors ✨
Thanks goes to these wonderful people (emoji key):
 Jafar Rezaei |
 Reza Erami |
 mahsa mesbah |
 Mostafa Rastegar |
This project follows the all-contributors specification. Contributions of any kind welcome!