@nodeblocks/frontend-list-products-grid-block

🚀 Nodeblocks Frontend Blocks

Welcome to the Nodeblocks Frontend Blocks! 🎉 The Blocks library is a collection of common react application components. It is intended to support applications by providing customizable and reusable frontend components.

✨ Features [WIP]

• 🚀 Bundling with Rollup: Get a clean, minimalistic approach to bundling your JavaScript files for smoother frontend development.
• 💙 TypeScript Support: We've included a pre-configured tsconfig.json to ensure your TypeScript setup is strict, efficient, and ready to go.
• ⚙️ Peer Dependencies: Keep bundle sizes lean with React and React DOM set as peer dependencies.
• 🎨 CSS Support: Easily import and process CSS files, giving you more control over your styles.

🛠️ How to Use[WIP]

• Import the specific blocks packages 📦:

  npm install @nodeblocks/frontend-faq-block
  npm install @nodeblocks/frontend-signin-block
  

  import { FAQ } from ' @nodeblocks/frontend-faq-block';
  import { SignIn } from '@nodeblocks/frontend-signin-block';
  

• Start storybook for development 🛠️ [WIP]:

  # in two separate terminals
  
  # 1. to start storybook dev server
  npm run dev
  
  # 2. to select which packages to run locally and which from npm
  npm run ws:manage
  

• Build for production 🏗️ [WIP]:

  npm run build