GithubHelp home page GithubHelp logo

export createElement about nanohtml HOT 6 CLOSED

choojs avatar choojs commented on June 8, 2024
export createElement

from nanohtml.

Comments (6)

shama avatar shama commented on June 8, 2024

Yep! In this branch I'm working on breaking out the compiler to accommodate #7. So it will either return an element or each of the calls needed to create that element.

from nanohtml.

nrn avatar nrn commented on June 8, 2024

Interesting! I think what I want is the other side though. Instead of using bel to call another createElement function, I want to use another library to call bel's createElement.

from nanohtml.

shama avatar shama commented on June 8, 2024

I'm not 100% on the interface but it will likely be:

var createElement = require('bel/create')()
var element = createElement('div', { className: 'testing' }, [
  createElement('h1', {}, 'hello')
])

and then for raw code:

var createElement = require('bel/create')({ raw: true })
var arrayOfCallsToGenerateThisElement = createElement('div', { className: 'testing' }, [
  createElement('h1', {}, 'hello')
])

Would one of those work?

from nanohtml.

nrn avatar nrn commented on June 8, 2024

Perfect, the first case is exactly what i'm looking for.

from nanohtml.

shama avatar shama commented on June 8, 2024

With v3.0.0 you can now do:

var bel = require('bel/create')()
var element = bel('div', { className: 'test' }, [
  bel('h3', {}, ['hello!'])
])
document.body.appendChild(element)

from nanohtml.

nrn avatar nrn commented on June 8, 2024

Awesome, thank you!

from nanohtml.

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.