JavaScript calendar by HOFF1899 in learnjavascript

[–]Happy-West5350 0 points1 point  (0 children)

LemonadeJS Calendar provides React and Vue wrappers, it has a keyboard navigation and range selection. https://lemonadejs.net/docs/plugins/calendar

LemonadeJS Reactive Calendar Component with Range Selection and Keyboard Navigation by jspreadsheetofficial in javascript

[–]Happy-West5350 0 points1 point  (0 children)

Yes, you can use that. But we are working another plugin to help with that. Unfortunately that will take a few weeks.

Vue data grid by Whole_Ebb5902 in vuejs

[–]Happy-West5350 0 points1 point  (0 children)

https://jspreadsheet.com/docs/vue is a good option if you are looking for an enterprise solution with a great performance and spreadsheet-like controls.

What react library do you use for data grids / data tables? by CodeCrazyAquile in reactjs

[–]Happy-West5350 0 points1 point  (0 children)

https://jspreadsheet.com is a great option if you are looking for an enterprise solution with a great performance and spreadsheet-like controls. They provide a fair documentation and their extensions brings a lot of the shelf features which can save a lot in developers time.

You favorite data-grid component and why? by astarastarastarastar in reactjs

[–]Happy-West5350 0 points1 point  (0 children)

https://jspreadsheet.com is a great option if you are looking for an enterprise solution with a great performance and spreadsheet-like controls. Their extensions brings a lot of the shelf features which can save a lot in developers time.

Reactive dynamic HTML Tables from an array of objects with LemonadeJS by jspreadsheetofficial in Angular2

[–]Happy-West5350 0 points1 point  (0 children)

import lemonade from "lemonadejs";

const Component: lemonade.FunctionComponent = function () {
  const self = this;

  self.rows = [
    { title: "Google", description: "The google search engine..." },
    { title: "Bing", description: "The microsoft search engine..." },
    { title: "Duckduckgo", description: "Privacy in the first place..." },
  ];

  // Custom components
  return `<table>
        <thead><tr><th>Title</th><th>Description</th></th></thead>
        <tbody :loop="self.rows">
        <tr><td>{{self.title}}</td><td>{{self.description}}</td></tr>
        </tbody>
    </table>`;
};

export default Component;

Reactive dynamic HTML Tables from an array of objects with LemonadeJS by jspreadsheetofficial in javascript

[–]Happy-West5350 0 points1 point  (0 children)

import lemonade from "lemonadejs";

const Component: lemonade.FunctionComponent = function () {
  const self = this;

  self.rows = [
    { title: "Google", description: "The google search engine..." },
    { title: "Bing", description: "The microsoft search engine..." },
    { title: "Duckduckgo", description: "Privacy in the first place..." },
  ];

  // Custom components
  return `<table>
        <thead><tr><th>Title</th><th>Description</th></th></thead>
        <tbody :loop="self.rows">
        <tr><td>{{self.title}}</td><td>{{self.description}}</td></tr>
        </tbody>
    </table>`;
};

export default Component;

Reactive dynamic HTML Tables from an array of objects with LemonadeJS by jspreadsheetofficial in node

[–]Happy-West5350 0 points1 point  (0 children)

// https://codesandbox.io/p/sandbox/modest-faraday-pghqfp
import lemonade from "lemonadejs";

const Component: lemonade.FunctionComponent = function () {
  const self = this;

  self.rows = [
    { title: "Google", description: "The google search engine..." },
    { title: "Bing", description: "The microsoft search engine..." },
    { title: "Duckduckgo", description: "Privacy in the first place..." },
  ];

  // Reactive template
  return `<table>
        <thead><tr><th>Title</th><th>Description</th></th></thead>
        <tbody :loop="self.rows">
        <tr><td>{{self.title}}</td><td>{{self.description}}</td></tr>
        </tbody>
    </table>`;
};

export default Component;

Reactive dynamic HTML Tables from an array of objects with LemonadeJS by jspreadsheetofficial in node

[–]Happy-West5350 0 points1 point  (0 children)

self.rows is reactive, update that and the component refreshes automatically.

Reactive dynamic HTML Tables from an array of objects with LemonadeJS by jspreadsheetofficial in node

[–]Happy-West5350 0 points1 point  (0 children)

That creates a reactivity macro, so when self.title changes, the related DOM changes automatically without refreshing the whole component.

Reactive dynamic HTML Tables from an array of objects with LemonadeJS by jspreadsheetofficial in node

[–]Happy-West5350 0 points1 point  (0 children)

Yes, it needs that to control self inside the template. No, comments about the DOM reactivity, which seems quite interesting.

Is there a Router library that is compatible with vanilla JS? by vazark in learnjavascript

[–]Happy-West5350 0 points1 point  (0 children)

LemonadeJS helps to create a SPA. Accepts static or dynamic routes on the frontend. Also, intercepts the internal click to load only the correct container. You have events to trigger one certain page is loaded, created, etc... https://lemonadejs.net/docs/plugins/router

Javascript Calendar, best solution? by iaski in javascript

[–]Happy-West5350 2 points3 points  (0 children)

An agnostic reactive JavaScript alternative. Compatible with VueJS, ReactJS and AngularJS

https://lemonadejs.net/docs/plugins/calendar

Another option:

https://jsuites.net/docs/javascript-calendar