Getting Started with Microsoft's FAST Element

• Vue.js

  381 206,951 7.7 TypeScript

  This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core

  

As you can see, FAST uses a different syntax for listening for events on elements. Rather than the normal onSearch or onClick, they use @search and @click. If you have ever used Vue.js, then FAST’s attribute and event binding syntax should look familiar.

• 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.

  

Here we are using FAST’s library to define and create our custom element - - but we will also be using jsDoc to help document our component, integrate it with the Storybook, and generate our custom element manifest.

• 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.

  

• stencil

  55 12,292 9.9 TypeScript

  A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue, and traditional web developers from a single, framework-agnostic codebase.

  

A few of the more popular tools for building web component libraries include lit, StencilJS, and even the popular JavaScript frameworks can output web components now (you can play with some of them at webcomponents.dev), but for the last few weeks I have had the opportunity to work with Microsoft’s FAST Element and I am pretty impressed with it.

• lit

  141 17,535 9.4 TypeScript

  Lit is a simple library for building fast, lightweight web components.

  

A few of the more popular tools for building web component libraries include lit, StencilJS, and even the popular JavaScript frameworks can output web components now (you can play with some of them at webcomponents.dev), but for the last few weeks I have had the opportunity to work with Microsoft’s FAST Element and I am pretty impressed with it.

• JSDoc

  67 14,742 9.3 JavaScript

  An API documentation generator for JavaScript.

  

Here we are using FAST’s library to define and create our custom element - - but we will also be using jsDoc to help document our component, integrate it with the Storybook, and generate our custom element manifest.

• icons

  67 7,147 8.8 JavaScript

  Official open source SVG icon library for Bootstrap.

  

// using Bootstrap icons - https://icons.getbootstrap.com/ const IconTemplate = (args: any) => ` ${args.label}">${args.default} `; export const Icon: any = IconTemplate.bind({}); Icon.args = { default: "\"bi bi-search\">" };

Suggest a related project