Coder Social home page Coder Social logo

Comments (4)

jdegoes avatar jdegoes commented on August 24, 2024

Our use cases include purescript-ace, purescript-echarts, and probably others. Having a modular, clean, and robust way of using these pre-built DOM-native components is quite important.

from purescript-halogen.

paf31 avatar paf31 commented on August 24, 2024

The simplest approach seems to be something like adding a new constructor to HTML which prevents redraws using thunk:

data HTML i
  = NoRedraw (Unit -> HTML i)
  | Text ...

We could then extend that in some simple way, like adding a String identifier which could be stuck in a data- attribute and used to implement limited updates:

type Hash = String

data HTML i
  = Hashed String (Unit -> HTML i)
  | Text ...

If the hashes are equal, we assume the VTrees are equal and use the previous VTree. Otherwise, we rerender the HTML structure.

The issue is that thunk only gives us access to the previous VTree, not the HTML structure it came from.

from purescript-halogen.

paf31 avatar paf31 commented on August 24, 2024

Also, @jdegoes, I'm not a vdom expert yet, but I feel like the "widget" concept might be useful for the examples you mentioned. I'll write up a separate issue for that.

https://github.com/Matt-Esch/virtual-dom/blob/master/docs/widget.md

from purescript-halogen.

garyb avatar garyb commented on August 24, 2024

I'd agree with that, thunk is for custom patching logic, widget is more for things like Ace.

from purescript-halogen.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.