Publish your reusable components to npm

• tsdx

  45 11,148 0.0 JavaScript

  Zero-config CLI for TypeScript package development

  

Flexbox grids, buttons and padding/margin components are tedious to write from scratch every time you start a new project. They make good candidates for putting in their own npm library. Luckily scaffolding tools like tsdx make this a breeze.

• storybook

  321 82,727 10.0 TypeScript

  Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.

  

import React, { FC, HTMLAttributes, ReactChild } from 'react'; import { Button, ButtonProps } from './Button/Button'; export interface Props extends HTMLAttributes { /** custom content, defaults to 'the snozzberries taste like snozzberries' */ children?: ReactChild; } // Please do not use types off of a default export module or else Storybook Docs will suffer. // see: https://github.com/storybookjs/storybook/issues/9556 /** * A custom Thing component. Neat! */ const Thing: FC = ({ children }) => { return

{children || `the snozzberries taste like snozzberries`}

; }; export { Thing, Button, ButtonProps };

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• tsdx-storybook-test

  1 0 1.0 TypeScript

The final code is here if you want to compare your code.

• React

  1,691 221,535 9.8 JavaScript

  The library for web and native user interfaces.

  

Suggest a related project