https://github.com/dustinspecker/dscript-deku

dscript with Deku setup done for you
https://github.com/dustinspecker/dscript-deku

Last synced: 2 days ago
JSON representation

dscript with Deku setup done for you

• Host: GitHub
• URL: https://github.com/dustinspecker/dscript-deku
• Owner: dustinspecker
• License: mit
• Created: 2016-02-14T18:42:23.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2017-05-28T20:11:44.000Z (over 7 years ago)
• Last Synced: 2024-10-07T09:08:37.757Z (about 1 month ago)
• Language: JavaScript
• Homepage:
• Size: 12.7 KB
• Stars: 2
• Watchers: 3
• Forks: 0
• Open Issues: 17
• Metadata Files:
  • Readme: readme.md
  • License: license.md

Awesome Lists containing this project

README

        
# dscript-deku

[![NPM version](https://badge.fury.io/js/dscript-deku.svg)](https://badge.fury.io/js/dscript-deku) [![Build Status](https://travis-ci.org/dustinspecker/dscript-deku.svg)](https://travis-ci.org/dustinspecker/dscript-deku) [![Coverage Status](https://img.shields.io/coveralls/dustinspecker/dscript-deku.svg)](https://coveralls.io/r/dustinspecker/dscript-deku?branch=master)

[![Code Climate](https://codeclimate.com/github/dustinspecker/dscript-deku/badges/gpa.svg)](https://codeclimate.com/github/dustinspecker/dscript-deku) [![Dependencies](https://david-dm.org/dustinspecker/dscript-deku.svg)](https://david-dm.org/dustinspecker/dscript-deku/#info=dependencies&view=table) [![DevDependencies](https://david-dm.org/dustinspecker/dscript-deku/dev-status.svg)](https://david-dm.org/dustinspecker/dscript-deku/#info=devDependencies&view=table)

> [dscript](https://github.com/dustinspecker/dscript) with [Deku](https://github.com/dekujs/deku) setup done for you

**Check out [dscript](https://github.com/dustinspecker/dscript) for documentation on more advanced usage.**

## Install

```

npm install --save dscript-deku

```

## Usage

```javascript

import creator, {div, li, ul} from 'dscript-deku'

import customComponent from './custom-component'

const customComponentCreator = creator(customComponent)

const handleClick = () => alert('hi')

export default ({props}) =>

  div('.list-container', {onClick: handleClick}, [

    customComponentCreator({total: props.total}),

    ul(

      props.items.map(item =>

        li([item.name])

      )

    )

  ])

```

## LICENSE

MIT © [Dustin Specker](https://github.com/dustinspecker)