carmichaelize

function MyDirective ($templateRequest, $compile) {

    var templateBase = '/directives/my_directive/views/';

    var childTemplates = {
        child1: 'child1.html',
        child2: 'child2.html'
    };

    return {

carmichaelize

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({ 
    name: 'capitalize' 
})
export class Capitalize implements PipeTransform {
    
    transform(str: string, all: boolean) {
        //Capitalize all the words
        if (all) {

carmichaelize

import { Component } from '@angular/core';
import { ChildBaseComponent } from './child-base.component';

@Component({
	template: `This is Child Component 1`
})
export class Child1Component extends ChildBaseComponent {
    
    constructor(){
        //Run base constructor

carmichaelize

import { Component } from '@angular/core';

@Component({
    template: `
        <h1>Is Online: {{ isOnline }}</h1>
        <span (click)="clickHandler()">Click Me</span>
    `,
})
export class MyComponent {
    private baseUrl = 'http://www.test.com';

carmichaelize

import React, { Component } from 'react';
import { connect } from 'react-redux';

export class FooBar extends Component {

	greet() {
		return `Hello ${store.foo} ${store.bar}!`;
	}

	render() {

carmichaelize

import React, { Component } from 'react';
import Foo from './foo-service';

class FooComponent extends Component {
    foo = Foo;
    render() {
        return (<div>{this.foo.name}</div>)
    }
}