{"id":15285367,"url":"https://github.com/blikblum/marionette.renderers","last_synced_at":"2025-04-12T23:54:41.102Z","repository":{"id":57291202,"uuid":"92340800","full_name":"blikblum/marionette.renderers","owner":"blikblum","description":"Custom renderers for MarionetteJS","archived":false,"fork":false,"pushed_at":"2019-01-13T12:15:11.000Z","size":1041,"stargazers_count":12,"open_issues_count":0,"forks_count":3,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-12T23:54:22.996Z","etag":null,"topics":["incremental-dom","inferno","marionette","rivets","snabbdom","virtual-dom"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/blikblum.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-05-24T22:08:46.000Z","updated_at":"2020-07-26T11:29:45.000Z","dependencies_parsed_at":"2022-09-01T15:21:48.395Z","dependency_job_id":null,"html_url":"https://github.com/blikblum/marionette.renderers","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/blikblum%2Fmarionette.renderers","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/blikblum%2Fmarionette.renderers/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/blikblum%2Fmarionette.renderers/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/blikblum%2Fmarionette.renderers/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/blikblum","download_url":"https://codeload.github.com/blikblum/marionette.renderers/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248647232,"owners_count":21139083,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["incremental-dom","inferno","marionette","rivets","snabbdom","virtual-dom"],"created_at":"2024-09-30T15:04:24.254Z","updated_at":"2025-04-12T23:54:41.065Z","avatar_url":"https://github.com/blikblum.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# marionette.renderers\n\n\u003e Collection of custom renderers for Marionette.js\n\n### Usage\n\nImport the desired renderer\n \n```javascript\n// with ES modules\nimport renderer from 'marionette.renderers/[renderer-name]'\n\n// or with CommonJS modules\nvar renderer = require('marionette.renderers/[renderer-name]')\n  ```\n  \n  \nConfigure the Marionette View class\n```javascript\n//all views\nMarionette.View.setRenderer(renderer)\n\n//or specific view class\nvar MyView = Marionette.View.extend()\nMyView.setRenderer(renderer)\n```\n  \nSet `template` property when defining a view. The format of each template vary with the renderer type\n\n```javascript\nimport template from './my-template'\nvar MyView = Marionette.View.extend({\n  template: template\n})\n```\n\n### Options\n\nIs possible to configure the rendering with options defined in the View class:\n\n`outerRender` **Boolean**\n\nBy default all renderers set the inner contents of the View `el`. Some renderers allows to\ndefine the outerHTML, i.e., define the attributes of View `el` in the template.\n\n`thisAsState` **Boolean**\n\nBy default the data returned by [`serializeData`](https://marionettejs.com/docs/master/template.html#serializing-model-and-collection-data) is passed to the template. By setting `thisAsState` to true\nthe view instance will be passed to the template.\n\n### Renderers\n\n#### rivets\n\nUses [rivets](http://rivetsjs.com) as template engine. By its nature (data binding) the view instance is always passed to the template\n\n * Supports `outerRender`: no \n \n#### virtual-dom\n\nUses [virtual-dom](https://github.com/Matt-Esch/virtual-dom) to render the HTML\n\n * Supports `outerRender`: yes  \n \n#### snabbdom\n\nUses [snabbdom](https://github.com/snabbdom/snabbdom) to render the HTML\n\n * Supports `outerRender`: yes\n \n#### idom\n\nUses [incremental-dom](https://github.com/google/incremental-dom) to render the HTML\n\n * Supports `outerRender`: technically yes, but the template transpiler should not\n  set key for root element. See this [issue](https://github.com/davidjamesstone/superviews.js/issues/39).\n\n#### inferno\n\nUses [inferno](https://github.com/infernojs/inferno/) to render the HTML\n\n * Supports `outerRender`: no\n\n\n### Examples\n\nSee examples folder of this repository for working applications.\n\n[idom live example](https://blikblum.github.io/marionette.renderers/examples/idom/dist/)\n\n[snabbdom live example](https://blikblum.github.io/marionette.renderers/examples/snabbdom/dist/)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fblikblum%2Fmarionette.renderers","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fblikblum%2Fmarionette.renderers","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fblikblum%2Fmarionette.renderers/lists"}