ntatko

// Reusable fetching hook
const useRequest = (requestFunc) => {
  const [data, setData] = useState({})
  const [loading, setLoading] = useState(false)
  const [error, setError] = useState(null)
  
  const fetch = async () => {
    setLoading(true)
    try {
      const data = await requestFunc()

johnlindquist

Angular 2 Starter Template

http://plnkr.co/edit/2aIgMzUx7XgZe9EA6upB?p=preview&open=app%2Fapp.component.ts

Smart Container

http://plnkr.co/edit/EIsS2pFsDwATaq1Ibxvb?p=preview

Dumb Component

http://plnkr.co/edit/hCCEtt1SVohWN80s0ej8?p=preview&open=app%2Fapp.component.ts

Encapsulated Styles and :host

jpnelson

.container {
  height: 500px;
  border: 2px solid grey;
  position:relative;
}

.split {
  display: flex;
  height: 100%;
  border: 1px solid black;