@bigbinary/neeto-commons-frontend

neeto-commons-frontend

A library encapsulating common boilerplate frontend code required for all neeto products.

Name	Category
Set up axios Set up globalProps Set up translations Set up mixpanel Set up logger	Initializers
useDebounce useFuncDebounce usePrevious useUpdateEffect useLocalStorage useOnClickOutside useFieldSubmit useDisplayErrorPage useErrorDisplayStore useHotKeys PrivateRoute HoneybadgerErrorBoundary Sidebar Error page Login page DateFormat/TimeFormat Columns NeetoWidget.EmbedCode Schedule CustomDomain BrowserSupport IpRestriction PublishBlock DateRangeFilter KeyboardShortcutsPane ShareViaLink withImmutableActions withTitle registerBrowserNotifications destroyBrowserSubscription handleMetaClick isMetaKeyPressed	React utilities
findById findIndexById removeById replaceById modifyById existsById findBy findIndexBy removeBy replaceBy modifyBy existsBy findLastBy findLastIndexBy filterBy countBy renameKeys copyKeys copyKeysDeep transformObjectDeep preprocessForSerialization keysToCamelCase keysToSnakeCase deepFreezeObject matches filterNonNull slugify humanize snakeToCamelCase camelToSnakeCase capitalize truncate noop toLabelAndValue getRandomInt randomPick dynamicArray isNotNil isNotEmpty isNot (alias notEquals) isNotEqualDeep (alias notEqualsDeep)	Pure utility functions
withEventTargetValue getSubdomain simulateApiCall copyToClipboard buildUrl dateFormat/timeFormat toLocale getQueryParams	Web utility functions

Installation Instructions

Install from npm:

yarn add "@bigbinary/neeto-commons-frontend@latest"

This package relies on the host project's tailwind configuration. So add neeto-commons-frontend to your project's tailwind.config.js file:

module.exports = {
  purge: {
    content: [
      // ... other content directories
      "./node_modules/@bigbinary/neeto-commons-frontend/**/*.js",
    ],
  },
  // ... other tailwind config options
};

Usage

This package exports five different sets of functions and components. Click on them to read more:

1. Initializers
2. React utilities
3. Pure utility functions
4. Web utility functions
5. Default configurations
6. Cypress Utils

Other references

• Development instructions
• Building and releasing
• Migrating from v1 to v2