Stack Overflow
Stack Overflow

Questions tagged [maquette]

a minimalistic Virtual DOM JavaScript library with support for animated transitions. Maquette does the hard work of keeping the DOM in sync with underlaying data.

See the maquette website for more information.

19 questions
3
votes
1 answer

How to update DOM after Maquette modifies it

As mentioned previously, I want to use Maquette as a basic hyperscript language. Consequently, I don't want to use the maquette.projector. However, despite being able to append SVG objects made with Maquette to the DOM, the DOM does not seem to be…
Seanny123
  • 8,776
  • 13
  • 68
  • 124
3
votes
1 answer

Compiled typescript. Function prototype lost reference to "this"

I working on a todo-app example with Redux and Maquettejs using Typescript. I just compile typescript, and then I use browserify to bundle all the .js files (this files contains application .ts files, and the libraries [redux, maquettejs]), I get no…
Miguel Lattuada
  • 5,327
  • 4
  • 31
  • 44
3
votes
1 answer

How do you use html entities in maquette hyperscript?

I want to use the © entity in maquette, but when I pass it as a child it comes out as plain text. I suppose I could use ©, but what's the fun in that?
Jesse Hattabaugh
  • 7,876
  • 8
  • 34
  • 38
3
votes
1 answer

What goes in the updateTarget function of the createMapping() argument with Maquette?

I have an array updating every second and I'm going through the advanced section with mapped arrays, and cannot complete the task. I'm stumped at what goes inside the updateTarget(updatedSource, target) {} function. The comments and codepen's end…
Geek Devigner
  • 349
  • 2
  • 12
2
votes
1 answer

How to make other JS libraries work with maquette js?

We want to use maquette in an existing system. What's the best practice on making other 3rd party libraries (eg select2, bootstrap tooltip that modifies the DOM in place) play well within maquette?
frank
  • 262
  • 3
  • 9
2
votes
1 answer

Rendering radio buttons

How do I properly define radio buttons using Maquette so the text will render? If I use a

element the text appears, but on a new line. var h = maquette.h; var dom = maquette.dom; document.addEventListener('DOMContentLoaded', function ()…

Seanny123
  • 8,776
  • 13
  • 68
  • 124
2
votes
1 answer

How do you manage focus and cursor position in maquette js?

I'm working on a small application with maquette js. This library uses a virtual DOM implementation. After some user event that triggers a change in the data store it causes a (partial) rerender including the creation of some new DOM nodes. How can…
Boris Terzic
  • 10,858
  • 8
  • 45
  • 59
2
votes
1 answer

Running many Maquette Projectors on a Page

Some Background I work with a front end component based UI framework that manages its UI completely via jQuery. At the time it was initially created, this didn't sound so crazy and jQuery was the stable logical choice for making interactive web…
Andrew Duensing
  • 195
  • 1
  • 3
  • 9
2
votes
1 answer

Rendering Maquette to HTML

I want to get an HTML string representation of my Maquette view in order to prerender it to a static html file. React has ReactDOMServer.renderToString. Is there a similar method for Maquette VNodes?
Jesse Hattabaugh
  • 7,876
  • 8
  • 34
  • 38
2
votes
1 answer

Communication between components in Maquette

My question is about the communication between components in the Maquette Javascript framework. Imagine I have a Menu sub-component used in an Application component: the Application instance would like to know when a menu item is selected in the…
Sylvain Prat
  • 291
  • 3
  • 10
2
votes
1 answer

How to utilize external libraries w/ Maquette.js?

Question: How do I use an external library like tether.js with Maquette.js? My main issue is if I initialize it somewhere in my render function I don't know where I could tear it down, causing a memory leak over time as elements are re-rendered. I…
Matt Webb
  • 37
  • 4
2
votes
1 answer

Detecting scheduled render

Is it worth considering exposing the "state" of a projector? I can see a use case where being able to externally detect the status of a projector might be able better schedule (or abandon) some activities in larger frameworks. Currently, internally…
Kitson
  • 1,650
  • 1
  • 18
  • 36
2
votes
2 answers

Removing a Maquette Projector

I noticed in the API that you can stop a Projector, but if it has already rendered some DOM, is there a way to remove it. It appears calling projector.stop() only causes the projector to stop responding.
Kitson
  • 1,650
  • 1
  • 18
  • 36
1
vote
1 answer

How to use a function in a mapped component in maquettejs

im currently having a problem when i try to use a function in a createMapping component, this is the code itemConcurso.js import {h, createMapping} from 'maquette'; function enterAnim(domNode, properties) { domNode.className += '…
Manu Maanu
  • 11
  • 1
1
vote
1 answer

Maquette JS Conditional CSS

I am trying to create an array of 'li' elements that hold icons for app level navigation. I have a css class "is-active" that highlights the active 'li' element in the list indicating the active location in the nav schema. I expect Maquette JS to…
olearydw
  • 13
  • 2
1
2