hum-n

import { css, component, Element } from 'nativeweb';

const styles = css`
    h1 {
        color: orange;
    }
`;

@component('some-styles', styles)
export class SomeStyles extends Element {

hum-n

import { component, customEvent, Element } from 'nativeweb';

@component('first-component')
export class FirstComponent extends Element {
    @event() ready = {
        'other-component': this.onReady()
    };

    onReady({ detail }) {
        console.log(detail);

hum-n

import { component, event, Element } from 'nativeweb';

@component('simple-event')
export class SimpleEvent extends Element {
    @event() click = {
        '@button': this.onClick()
    };

    onClick() {
        console.log('👆');

hum-n

return arr.map(item => item);

hum-n

arr.forEach(item => {
    console.log(item);
});

hum-n

Object.values(obj).forEach(val => {
    console.log(val);
});

hum-n

Object.keys(obj).forEach(key => {
    console.log(key);
    console.log(obj[key]); // value
});

hum-n

Object.entries(obj).forEach(([key, val]) => {
    console.log(key);
    console.log(val);
});

hum-n

const styles = {
    black: '\x1b[30m',
    red: '\x1b[31m',
    green: '\x1b[32m',
    yellow: '\x1b[33m',
    blue: '\x1b[34m',
    magenta: '\x1b[35m',
    cyan: '\x1b[36m',
    white: '\x1b[37m',

hum-n

function install(dest) {
    run('npm', ['install', '--prefix', dest]);
}