diff --git a/README.md b/README.md
index 13a0ca313d9..637e12e3913 100644
--- a/README.md
+++ b/README.md
@@ -56,7 +56,7 @@ Yew implements strict application state management based on message passing and
 `src/main.rs`
 
 ```rust
-use yew::{html, Component, ComponentLink, Html, Renderable, ShouldRender};
+use yew::{html, Component, ComponentLink, Html, ShouldRender};
 
 struct Model { }
 
@@ -82,10 +82,8 @@ impl Component for Model {
             }
         }
     }
-}
 
-impl Renderable<Model> for Model {
-    fn view(&self) -> Html<Self> {
+    fn render(&self) -> Html<Self> {
         html! {
             // Render your model here
             <button onclick=|_| Msg::DoIt>{ "Click me!" }</button>
diff --git a/crates/macro/src/lib.rs b/crates/macro/src/lib.rs
index 66a28296a50..c0c2ce03792 100644
--- a/crates/macro/src/lib.rs
+++ b/crates/macro/src/lib.rs
@@ -28,10 +28,8 @@
 //! #     fn update(&mut self, msg: Self::Message) -> ShouldRender {
 //! #         unimplemented!()
 //! #     }
-//! # }
 //! #
-//! # impl Renderable<Component> for Component {
-//! #     fn view(&self) -> Html<Self> {
+//! #     fn render(&self) -> Html<Self> {
 //! #
 //! // ...
 //!
diff --git a/examples/counter/src/lib.rs b/examples/counter/src/lib.rs
index 4710546cdaf..b79af2a0d6c 100644
--- a/examples/counter/src/lib.rs
+++ b/examples/counter/src/lib.rs
@@ -2,7 +2,7 @@
 
 use stdweb::web::Date;
 use yew::services::ConsoleService;
-use yew::{html, Component, ComponentLink, Html, Renderable, ShouldRender};
+use yew::{html, Component, ComponentLink, Html, ShouldRender};
 
 pub struct Model {
     console: ConsoleService,
@@ -45,10 +45,8 @@ impl Component for Model {
         }
         true
     }
-}
 
-impl Renderable<Model> for Model {
-    fn view(&self) -> Html<Self> {
+    fn render(&self) -> Html<Self> {
         html! {
             <div>
                 <nav class="menu">
diff --git a/examples/crm/src/lib.rs b/examples/crm/src/lib.rs
index 4010fd66f70..eb0a11844f0 100644
--- a/examples/crm/src/lib.rs
+++ b/examples/crm/src/lib.rs
@@ -143,10 +143,8 @@ impl Component for Model {
         }
         true
     }
-}
 
-impl Renderable<Model> for Model {
-    fn view(&self) -> Html<Self> {
+    fn render(&self) -> Html<Self> {
         match self.scene {
             Scene::ClientsList => html! {
                 <div class="crm">
diff --git a/examples/custom_components/src/barrier.rs b/examples/custom_components/src/barrier.rs
index dcc606427ad..a5f70efd725 100644
--- a/examples/custom_components/src/barrier.rs
+++ b/examples/custom_components/src/barrier.rs
@@ -48,10 +48,8 @@ impl Component for Barrier {
         self.onsignal = props.onsignal;
         true
     }
-}
 
-impl Renderable<Barrier> for Barrier {
-    fn view(&self) -> Html<Self> {
+    fn render(&self) -> Html<Self> {
         html! {
             <div class="barrier">
                 <p>{ format!("{} on {} clicked", self.counter, self.limit) }</p>
diff --git a/examples/custom_components/src/button.rs b/examples/custom_components/src/button.rs
index 4d5ab7de4db..945941391b4 100644
--- a/examples/custom_components/src/button.rs
+++ b/examples/custom_components/src/button.rs
@@ -41,10 +41,8 @@ impl Component for Button {
         self.onsignal = props.onsignal;
         true
     }
-}
 
-impl Renderable<Button> for Button {
-    fn view(&self) -> Html<Self> {
+    fn render(&self) -> Html<Self> {
         html! {
             <button onclick=|_| Msg::Clicked>{ &self.title }</button>
         }
diff --git a/examples/custom_components/src/counter.rs b/examples/custom_components/src/counter.rs
index ae621edc19e..f77205e6cdd 100644
--- a/examples/custom_components/src/counter.rs
+++ b/examples/custom_components/src/counter.rs
@@ -58,10 +58,8 @@ impl Component for Counter {
         self.onclick = props.onclick;
         true
     }
-}
 
-impl Renderable<Counter> for Counter {
-    fn view(&self) -> Html<Self> {
+    fn render(&self) -> Html<Self> {
         let colorize = {
             match self.color {
                 Color::Red => "background: red;",
diff --git a/examples/custom_components/src/lib.rs b/examples/custom_components/src/lib.rs
index 7557d23a466..032a17ae88f 100644
--- a/examples/custom_components/src/lib.rs
+++ b/examples/custom_components/src/lib.rs
@@ -43,10 +43,8 @@ impl Component for Model {
             Msg::ChildClicked(_value) => false,
         }
     }
-}
 
-impl Renderable<Model> for Model {
-    fn view(&self) -> Html<Self> {
+    fn render(&self) -> Html<Self> {
         let counter = |x| {
             html! {
                 <Counter initial=x color=&self.color onclick=Msg::ChildClicked />
diff --git a/examples/dashboard/src/lib.rs b/examples/dashboard/src/lib.rs
index 1b2ca53059f..e61573accdd 100644
--- a/examples/dashboard/src/lib.rs
+++ b/examples/dashboard/src/lib.rs
@@ -6,7 +6,7 @@ use yew::format::{Json, Nothing, Toml};
 use yew::services::fetch::{FetchService, FetchTask, Request, Response};
 use yew::services::websocket::{WebSocketService, WebSocketStatus, WebSocketTask};
 use yew::services::Task;
-use yew::{html, Component, ComponentLink, Html, Renderable, ShouldRender};
+use yew::{html, Component, ComponentLink, Html, ShouldRender};
 
 type AsBinary = bool;
 
@@ -167,10 +167,8 @@ impl Component for Model {
         }
         true
     }
-}
 
-impl Renderable<Model> for Model {
-    fn view(&self) -> Html<Self> {
+    fn render(&self) -> Html<Self> {
         html! {
             <div>
                 <nav class="menu">
diff --git a/examples/file_upload/src/lib.rs b/examples/file_upload/src/lib.rs
index 4d4ea002e55..8a7dd7ee7c0 100644
--- a/examples/file_upload/src/lib.rs
+++ b/examples/file_upload/src/lib.rs
@@ -1,7 +1,7 @@
 #![recursion_limit = "256"]
 
 use yew::services::reader::{File, FileChunk, FileData, ReaderService, ReaderTask};
-use yew::{html, ChangeData, Component, ComponentLink, Html, Renderable, ShouldRender};
+use yew::{html, ChangeData, Component, ComponentLink, Html, ShouldRender};
 
 pub struct Model {
     link: ComponentLink<Model>,
@@ -64,10 +64,8 @@ impl Component for Model {
         }
         true
     }
-}
 
-impl Renderable<Model> for Model {
-    fn view(&self) -> Html<Self> {
+    fn render(&self) -> Html<Self> {
         let flag = self.by_chunks;
         html! {
             <div>
diff --git a/examples/fragments/src/lib.rs b/examples/fragments/src/lib.rs
index c22f59d541b..fcbc2d35b06 100644
--- a/examples/fragments/src/lib.rs
+++ b/examples/fragments/src/lib.rs
@@ -1,6 +1,6 @@
 #![recursion_limit = "128"]
 
-use yew::{html, Component, ComponentLink, Html, Renderable, ShouldRender};
+use yew::{html, Component, ComponentLink, Html, ShouldRender};
 
 pub struct Model {
     counter: usize,
@@ -32,10 +32,8 @@ impl Component for Model {
         }
         true
     }
-}
 
-impl Renderable<Model> for Model {
-    fn view(&self) -> Html<Self> {
+    fn render(&self) -> Html<Self> {
         html! {
             <>
                 <nav class="menu">{ self.view_menu() }</nav>
diff --git a/examples/game_of_life/src/lib.rs b/examples/game_of_life/src/lib.rs
index fd4736ccb0f..1c210fd2d84 100644
--- a/examples/game_of_life/src/lib.rs
+++ b/examples/game_of_life/src/lib.rs
@@ -4,7 +4,7 @@ use log::info;
 use rand::Rng;
 use std::time::Duration;
 use yew::services::{IntervalService, Task};
-use yew::{html, Component, ComponentLink, Html, Renderable, ShouldRender};
+use yew::{html, Component, ComponentLink, Html, ShouldRender};
 
 #[derive(Clone, Copy, PartialEq)]
 enum LifeState {
@@ -205,10 +205,8 @@ impl Component for Model {
         }
         true
     }
-}
 
-impl Renderable<Model> for Model {
-    fn view(&self) -> Html<Self> {
+    fn render(&self) -> Html<Self> {
         html! {
             <div>
                 <section class="game-container">
diff --git a/examples/inner_html/src/lib.rs b/examples/inner_html/src/lib.rs
index 78a2f1d7048..2a6d5ea4fcf 100644
--- a/examples/inner_html/src/lib.rs
+++ b/examples/inner_html/src/lib.rs
@@ -5,7 +5,15 @@ extern crate stdweb;
 use stdweb::unstable::TryFrom;
 use stdweb::web::Node;
 use yew::virtual_dom::VNode;
-use yew::{Component, ComponentLink, Html, Renderable, ShouldRender};
+use yew::{Component, ComponentLink, Html, ShouldRender};
+
+const SVG: &str = r#"
+<h2>Inline SVG or <i>any</i> HTML:</h2>
+<svg height="250" width="500">
+  <polygon points="220,10 300,210 170,250 123,234" style="fill:lime;stroke:purple;stroke-width:1" />
+    Sorry, your browser does not support inline SVG.
+</svg>
+"#;
 
 pub struct Model {
     pub value: i64,
@@ -24,18 +32,8 @@ impl Component for Model {
     fn update(&mut self, _: Self::Message) -> ShouldRender {
         true
     }
-}
-
-const SVG: &str = r#"
-<h2>Inline SVG or <i>any</i> HTML:</h2>
-<svg height="250" width="500">
-  <polygon points="220,10 300,210 170,250 123,234" style="fill:lime;stroke:purple;stroke-width:1" />
-    Sorry, your browser does not support inline SVG.
-</svg>
-"#;
 
-impl Renderable<Model> for Model {
-    fn view(&self) -> Html<Self> {
+    fn render(&self) -> Html<Self> {
         let js_svg = js! {
             var div = document.createElement("div");
             div.innerHTML = @{SVG.to_string()};
diff --git a/examples/js_callback/src/lib.rs b/examples/js_callback/src/lib.rs
index 8950f80d554..3f7d3e37086 100644
--- a/examples/js_callback/src/lib.rs
+++ b/examples/js_callback/src/lib.rs
@@ -52,10 +52,8 @@ impl Component for Model {
     fn change(&mut self, _: Self::Properties) -> ShouldRender {
         false
     }
-}
 
-impl Renderable<Model> for Model {
-    fn view(&self) -> Html<Self> {
+    fn render(&self) -> Html<Self> {
         html! {
             <div>
                 <textarea oninput=|input| Msg::Payload(input.value)
diff --git a/examples/large_table/src/lib.rs b/examples/large_table/src/lib.rs
index 69b5240af89..3a1f21e3540 100644
--- a/examples/large_table/src/lib.rs
+++ b/examples/large_table/src/lib.rs
@@ -1,7 +1,7 @@
 //! This demo originally created by https://github.com/qthree
 //! Source: https://github.com/qthree/yew_table100x100_test
 
-use yew::{html, Component, ComponentLink, Html, Renderable, ShouldRender};
+use yew::{html, Component, ComponentLink, Html, ShouldRender};
 
 pub struct Model {
     selected: Option<(u32, u32)>,
@@ -28,6 +28,14 @@ impl Component for Model {
         }
         true
     }
+
+    fn render(&self) -> Html<Self> {
+        html! {
+            <table>
+                { (0..99).map(|row| view_row(self.selected, row)).collect::<Html<Self>>() }
+            </table>
+        }
+    }
 }
 
 fn square_class(this: (u32, u32), selected: Option<(u32, u32)>) -> &'static str {
@@ -54,13 +62,3 @@ fn view_row(selected: Option<(u32, u32)>, row: u32) -> Html<Model> {
         </tr>
     }
 }
-
-impl Renderable<Model> for Model {
-    fn view(&self) -> Html<Self> {
-        html! {
-            <table>
-                { (0..99).map(|row| view_row(self.selected, row)).collect::<Html<Self>>() }
-            </table>
-        }
-    }
-}
diff --git a/examples/minimal/src/lib.rs b/examples/minimal/src/lib.rs
index 00420682847..0ef68ff6b88 100644
--- a/examples/minimal/src/lib.rs
+++ b/examples/minimal/src/lib.rs
@@ -1,4 +1,4 @@
-use yew::{html, Component, ComponentLink, Html, Renderable, ShouldRender};
+use yew::{html, Component, ComponentLink, Html, ShouldRender};
 
 pub struct Model {}
 
@@ -20,10 +20,8 @@ impl Component for Model {
         }
         true
     }
-}
 
-impl Renderable<Model> for Model {
-    fn view(&self) -> Html<Self> {
+    fn render(&self) -> Html<Self> {
         html! {
             <div>
                 <button onclick=|_| Msg::Click>{ "Click" }</button>
diff --git a/examples/mount_point/src/lib.rs b/examples/mount_point/src/lib.rs
index c8a6d6e6a4f..ab1f753cc6c 100644
--- a/examples/mount_point/src/lib.rs
+++ b/examples/mount_point/src/lib.rs
@@ -1,4 +1,4 @@
-use yew::{html, Component, ComponentLink, Html, Renderable, ShouldRender};
+use yew::{html, Component, ComponentLink, Html, ShouldRender};
 
 pub struct Model {
     name: String,
@@ -26,10 +26,8 @@ impl Component for Model {
         }
         true
     }
-}
 
-impl Renderable<Model> for Model {
-    fn view(&self) -> Html<Self> {
+    fn render(&self) -> Html<Self> {
         html! {
             <div>
                 <input value=&self.name oninput=|e| Msg::UpdateName(e.value) />
diff --git a/examples/multi_thread/src/lib.rs b/examples/multi_thread/src/lib.rs
index 1652d9c9d8e..acde674a63f 100644
--- a/examples/multi_thread/src/lib.rs
+++ b/examples/multi_thread/src/lib.rs
@@ -6,7 +6,7 @@ pub mod native_worker;
 
 use log::info;
 use yew::worker::*;
-use yew::{html, Component, ComponentLink, Html, Renderable, ShouldRender};
+use yew::{html, Component, ComponentLink, Html, ShouldRender};
 
 pub struct Model {
     worker: Box<Bridge<native_worker::Worker>>,
@@ -65,10 +65,8 @@ impl Component for Model {
         }
         true
     }
-}
 
-impl Renderable<Model> for Model {
-    fn view(&self) -> Html<Self> {
+    fn render(&self) -> Html<Self> {
         html! {
             <div>
                 <nav class="menu">
diff --git a/examples/nested_list/src/header.rs b/examples/nested_list/src/header.rs
index 89fcf90f90b..ee94291b52e 100644
--- a/examples/nested_list/src/header.rs
+++ b/examples/nested_list/src/header.rs
@@ -33,10 +33,8 @@ impl Component for ListHeader {
         }
         false
     }
-}
 
-impl Renderable<ListHeader> for ListHeader {
-    fn view(&self) -> Html<Self> {
+    fn render(&self) -> Html<Self> {
         html! {
             <div class="list-header" onmouseover=|_| Msg::Hover>
                 { &self.props.text }
diff --git a/examples/nested_list/src/item.rs b/examples/nested_list/src/item.rs
index 6fffcc2af7f..1c51e95fb81 100644
--- a/examples/nested_list/src/item.rs
+++ b/examples/nested_list/src/item.rs
@@ -38,10 +38,8 @@ impl Component for ListItem {
         }
         false
     }
-}
 
-impl Renderable<ListItem> for ListItem {
-    fn view(&self) -> Html<Self> {
+    fn render(&self) -> Html<Self> {
         html! {
             <div class="list-item" onmouseover=|_| Msg::Hover>
                 { &self.props.name }
diff --git a/examples/nested_list/src/lib.rs b/examples/nested_list/src/lib.rs
index fd12e0ce1c8..cbd64115c74 100644
--- a/examples/nested_list/src/lib.rs
+++ b/examples/nested_list/src/lib.rs
@@ -22,10 +22,8 @@ impl Component for Model {
     fn update(&mut self, _: Self::Message) -> ShouldRender {
         true
     }
-}
 
-impl Renderable<Model> for Model {
-    fn view(&self) -> Html<Self> {
+    fn render(&self) -> Html<Self> {
         html! {
             <div class="main">
                 <h1>{ "Nested List Demo" }</h1>
diff --git a/examples/nested_list/src/list.rs b/examples/nested_list/src/list.rs
index 7b50ccb1aef..ca60ee01aa1 100644
--- a/examples/nested_list/src/list.rs
+++ b/examples/nested_list/src/list.rs
@@ -68,10 +68,8 @@ impl Component for List {
         }
         true
     }
-}
 
-impl Renderable<List> for List {
-    fn view(&self) -> Html<Self> {
+    fn render(&self) -> Html<Self> {
         html! {
             <div
                 class="list-container"
diff --git a/examples/npm_and_rest/src/lib.rs b/examples/npm_and_rest/src/lib.rs
index 5ff89a8a370..992fed806c9 100644
--- a/examples/npm_and_rest/src/lib.rs
+++ b/examples/npm_and_rest/src/lib.rs
@@ -9,7 +9,7 @@ pub mod gravatar;
 
 use failure::Error;
 use yew::services::fetch::FetchTask;
-use yew::{html, Callback, Component, ComponentLink, Html, Renderable, ShouldRender};
+use yew::{html, Callback, Component, ComponentLink, Html, ShouldRender};
 
 use ccxt::CcxtService;
 use gravatar::{GravatarService, Profile};
@@ -64,10 +64,8 @@ impl Component for Model {
         }
         true
     }
-}
 
-impl Renderable<Model> for Model {
-    fn view(&self) -> Html<Self> {
+    fn render(&self) -> Html<Self> {
         let view_exchange = |exchange| {
             html! {
                 <li>{ exchange }</li>
diff --git a/examples/routing/src/b_component.rs b/examples/routing/src/b_component.rs
index 7a429f2f1fb..9f24dbb4825 100644
--- a/examples/routing/src/b_component.rs
+++ b/examples/routing/src/b_component.rs
@@ -1,7 +1,7 @@
 use crate::router::{Request, Route, Router};
 use log::info;
 use yew::agent::Bridged;
-use yew::{html, Bridge, Component, ComponentLink, Html, Renderable, ShouldRender};
+use yew::{html, Bridge, Component, ComponentLink, Html, ShouldRender};
 
 pub struct BModel {
     number: Option<usize>,
@@ -105,9 +105,8 @@ impl Component for BModel {
         // Apparently change MUST be implemented in this case, even though no props were changed
         true
     }
-}
-impl Renderable<BModel> for BModel {
-    fn view(&self) -> Html<Self> {
+
+    fn render(&self) -> Html<Self> {
         html! {
             <div>
                 <div>
diff --git a/examples/routing/src/lib.rs b/examples/routing/src/lib.rs
index 67a13e38d35..f71b1364c07 100644
--- a/examples/routing/src/lib.rs
+++ b/examples/routing/src/lib.rs
@@ -8,7 +8,7 @@ use b_component::BModel;
 use log::info;
 use router::Route;
 use yew::agent::Bridged;
-use yew::{html, Bridge, Component, ComponentLink, Html, Renderable, ShouldRender};
+use yew::{html, Bridge, Component, ComponentLink, Html, ShouldRender};
 
 pub enum Child {
     A,
@@ -85,10 +85,8 @@ impl Component for Model {
             }
         }
     }
-}
 
-impl Renderable<Model> for Model {
-    fn view(&self) -> Html<Self> {
+    fn render(&self) -> Html<Self> {
         html! {
             <div>
                 <nav class="menu">
diff --git a/examples/showcase/src/main.rs b/examples/showcase/src/main.rs
index 55d6ab9f6b1..2e67db0844a 100644
--- a/examples/showcase/src/main.rs
+++ b/examples/showcase/src/main.rs
@@ -19,7 +19,7 @@ use timer::Model as Timer;
 use todomvc::Model as Todomvc;
 use two_apps::Model as TwoApps;
 use yew::components::Select;
-use yew::{html, App, Component, ComponentLink, Html, Renderable, ShouldRender};
+use yew::{html, App, Component, ComponentLink, Html, ShouldRender};
 
 #[derive(Clone, Debug, Display, EnumString, EnumIter, PartialEq)]
 enum Scene {
@@ -64,10 +64,8 @@ impl Component for Model {
             }
         }
     }
-}
 
-impl Renderable<Model> for Model {
-    fn view(&self) -> Html<Self> {
+    fn render(&self) -> Html<Self> {
         html! {
             <div id="fullscreen">
                 <div id="left_pane">
diff --git a/examples/textarea/src/lib.rs b/examples/textarea/src/lib.rs
index 280ee1345d6..772c902260c 100644
--- a/examples/textarea/src/lib.rs
+++ b/examples/textarea/src/lib.rs
@@ -1,6 +1,6 @@
 #![recursion_limit = "128"]
 
-use yew::{html, Component, ComponentLink, Html, Renderable, ShouldRender};
+use yew::{html, Component, ComponentLink, Html, ShouldRender};
 
 pub struct Model {
     value: String,
@@ -30,10 +30,8 @@ impl Component for Model {
         }
         true
     }
-}
 
-impl Renderable<Model> for Model {
-    fn view(&self) -> Html<Self> {
+    fn render(&self) -> Html<Self> {
         html! {
             <div>
                 <div>
diff --git a/examples/timer/src/lib.rs b/examples/timer/src/lib.rs
index 623c76453de..3e262b4ac91 100644
--- a/examples/timer/src/lib.rs
+++ b/examples/timer/src/lib.rs
@@ -2,7 +2,7 @@
 
 use std::time::Duration;
 use yew::services::{ConsoleService, IntervalService, Task, TimeoutService};
-use yew::{html, Callback, Component, ComponentLink, Html, Renderable, ShouldRender};
+use yew::{html, Callback, Component, ComponentLink, Html, ShouldRender};
 
 pub struct Model {
     timeout: TimeoutService,
@@ -96,10 +96,8 @@ impl Component for Model {
         }
         true
     }
-}
 
-impl Renderable<Model> for Model {
-    fn view(&self) -> Html<Self> {
+    fn render(&self) -> Html<Self> {
         let view_message = |message| {
             html! { <p>{ message }</p> }
         };
diff --git a/examples/todomvc/src/lib.rs b/examples/todomvc/src/lib.rs
index 0b80dad47b8..c2e377ea5d7 100644
--- a/examples/todomvc/src/lib.rs
+++ b/examples/todomvc/src/lib.rs
@@ -6,7 +6,7 @@ use strum_macros::{EnumIter, ToString};
 use yew::events::IKeyboardEvent;
 use yew::format::Json;
 use yew::services::storage::{Area, StorageService};
-use yew::{html, Component, ComponentLink, Href, Html, Renderable, ShouldRender};
+use yew::{html, Component, ComponentLink, Href, Html, ShouldRender};
 
 const KEY: &'static str = "yew.todomvc.self";
 
@@ -115,10 +115,8 @@ impl Component for Model {
         self.storage.store(KEY, Json(&self.state.entries));
         true
     }
-}
 
-impl Renderable<Model> for Model {
-    fn view(&self) -> Html<Self> {
+    fn render(&self) -> Html<Self> {
         html! {
             <div class="todomvc-wrapper">
                 <section class="todoapp">
diff --git a/examples/two_apps/src/lib.rs b/examples/two_apps/src/lib.rs
index b57285511d1..9b627debd0e 100644
--- a/examples/two_apps/src/lib.rs
+++ b/examples/two_apps/src/lib.rs
@@ -66,10 +66,8 @@ impl Component for Model {
         }
         true
     }
-}
 
-impl Renderable<Model> for Model {
-    fn view(&self) -> Html<Self> {
+    fn render(&self) -> Html<Self> {
         html! {
             <div>
                 <h3>{ format!("{} received <{}>", self.selector, self.title) }</h3>
diff --git a/src/app.rs b/src/app.rs
index c11fe7e8497..be50f848dd6 100644
--- a/src/app.rs
+++ b/src/app.rs
@@ -1,7 +1,7 @@
 //! This module contains the `App` struct, which is used to bootstrap
 //! a component in an isolated scope.
 
-use crate::html::{Component, Renderable, Scope};
+use crate::html::{Component, Scope};
 use stdweb::web::{document, Element, INode, IParentNode};
 
 /// An application instance.
@@ -12,7 +12,7 @@ pub struct App<COMP: Component> {
 
 impl<COMP> Default for App<COMP>
 where
-    COMP: Component + Renderable<COMP>,
+    COMP: Component,
 {
     fn default() -> Self {
         App::new()
@@ -21,7 +21,7 @@ where
 
 impl<COMP> App<COMP>
 where
-    COMP: Component + Renderable<COMP>,
+    COMP: Component,
     COMP::Properties: Default,
 {
     /// The main entrypoint of a yew program. It works similarly to the `program`
@@ -68,7 +68,7 @@ where
 
 impl<COMP> App<COMP>
 where
-    COMP: Component + Renderable<COMP>,
+    COMP: Component,
 {
     /// Creates a new `App` with a component in a context.
     pub fn new() -> Self {
diff --git a/src/components/select.rs b/src/components/select.rs
index 3b1dc6b768d..31947516373 100644
--- a/src/components/select.rs
+++ b/src/components/select.rs
@@ -16,7 +16,7 @@
 //! }
 
 use crate::callback::Callback;
-use crate::html::{ChangeData, Component, ComponentLink, Html, Renderable, ShouldRender};
+use crate::html::{ChangeData, Component, ComponentLink, Html, ShouldRender};
 use crate::macros::{html, Properties};
 
 /// `Select` component.
@@ -46,7 +46,7 @@ pub struct Props<T> {
 
 impl<T> Component for Select<T>
 where
-    T: PartialEq + Clone + 'static,
+    T: ToString + PartialEq + Clone + 'static,
 {
     type Message = Msg;
     type Properties = Props<T>;
@@ -73,13 +73,8 @@ where
         self.props = props;
         true
     }
-}
 
-impl<T> Renderable<Select<T>> for Select<T>
-where
-    T: ToString + PartialEq + Clone + 'static,
-{
-    fn view(&self) -> Html<Self> {
+    fn render(&self) -> Html<Self> {
         let selected = self.props.selected.as_ref();
         let view_option = |value: &T| {
             let flag = selected == Some(value);
diff --git a/src/html/listener.rs b/src/html/listener.rs
index ddcf74c7153..63483c01569 100644
--- a/src/html/listener.rs
+++ b/src/html/listener.rs
@@ -35,7 +35,7 @@ macro_rules! impl_action {
             impl<T, COMP> Listener<COMP> for Wrapper<T>
             where
                 T: Fn($ret) -> COMP::Message + 'static,
-                COMP: Component + Renderable<COMP>,
+                COMP: Component,
             {
                 fn kind(&self) -> &'static str {
                     stringify!($action)
diff --git a/src/html/mod.rs b/src/html/mod.rs
index d28f0a1b575..c76043858bc 100644
--- a/src/html/mod.rs
+++ b/src/html/mod.rs
@@ -42,6 +42,8 @@ pub trait Component: Sized + 'static {
     fn change(&mut self, _: Self::Properties) -> ShouldRender {
         true
     }
+    /// Called by rendering loop.
+    fn render(&self) -> Html<Self>;
     /// Called for finalization on the final point of the component's lifetime.
     fn destroy(&mut self) {} // TODO Replace with `Drop`
 }
@@ -177,6 +179,12 @@ pub trait Renderable<COMP: Component> {
     fn view(&self) -> Html<COMP>;
 }
 
+impl<COMP: Component> Renderable<COMP> for COMP {
+    fn view(&self) -> Html<COMP> {
+        self.render()
+    }
+}
+
 /// Trait for building properties for a component
 pub trait Properties {
     /// Builder that will be used to construct properties
@@ -209,7 +217,7 @@ pub struct ComponentLink<COMP: Component> {
 
 impl<COMP> ComponentLink<COMP>
 where
-    COMP: Component + Renderable<COMP>,
+    COMP: Component,
 {
     /// Create link for a scope.
     fn connect(scope: &Scope<COMP>) -> Self {
diff --git a/src/html/scope.rs b/src/html/scope.rs
index 280a5dd05c5..dd812a9603a 100644
--- a/src/html/scope.rs
+++ b/src/html/scope.rs
@@ -33,7 +33,7 @@ impl<COMP: Component> Clone for Scope<COMP> {
 
 impl<COMP> Scope<COMP>
 where
-    COMP: Component + Renderable<COMP>,
+    COMP: Component,
 {
     pub(crate) fn create(&mut self) {
         let shared_state = self.shared_state.clone();
@@ -111,7 +111,7 @@ struct CreatedState<COMP: Component> {
     occupied: Option<NodeCell>,
 }
 
-impl<COMP: Component + Renderable<COMP>> CreatedState<COMP> {
+impl<COMP: Component> CreatedState<COMP> {
     /// Called once immediately after the component is created.
     fn mounted(mut self) -> Self {
         if self.component.mounted() {
@@ -135,7 +135,7 @@ impl<COMP: Component + Renderable<COMP>> CreatedState<COMP> {
 
 impl<COMP> Scope<COMP>
 where
-    COMP: Component + Renderable<COMP>,
+    COMP: Component,
 {
     /// visible for testing
     pub fn new() -> Self {
@@ -186,7 +186,7 @@ where
 
 impl<COMP> Runnable for CreateComponent<COMP>
 where
-    COMP: Component + Renderable<COMP>,
+    COMP: Component,
 {
     fn run(self: Box<Self>) {
         let current_state = self.shared_state.replace(ComponentState::Processing);
@@ -211,7 +211,7 @@ where
 
 impl<COMP> Runnable for DestroyComponent<COMP>
 where
-    COMP: Component + Renderable<COMP>,
+    COMP: Component,
 {
     fn run(self: Box<Self>) {
         match self.shared_state.replace(ComponentState::Destroyed) {
@@ -242,7 +242,7 @@ where
 
 impl<COMP> Runnable for UpdateComponent<COMP>
 where
-    COMP: Component + Renderable<COMP>,
+    COMP: Component,
 {
     fn run(self: Box<Self>) {
         let current_state = self.shared_state.replace(ComponentState::Processing);
diff --git a/src/lib.rs b/src/lib.rs
index c5de77580d0..a04ba6816b0 100644
--- a/src/lib.rs
+++ b/src/lib.rs
@@ -35,10 +35,8 @@
 //!         }
 //!         true
 //!     }
-//! }
 //!
-//! impl Renderable<Model> for Model {
-//!     fn view(&self) -> Html<Self> {
+//!     fn render(&self) -> Html<Self> {
 //!         html! {
 //!             <div>
 //!                <button onclick=|_| Msg::DoIt>{ "+1" }</button>
@@ -117,7 +115,7 @@ pub fn run_loop() {
 /// Starts an app mounted to a body of the document.
 pub fn start_app<COMP>()
 where
-    COMP: Component + Renderable<COMP>,
+    COMP: Component,
     COMP::Properties: Default,
 {
     initialize();
@@ -128,7 +126,7 @@ where
 /// Starts an app mounted to a body of the document.
 pub fn start_app_with_props<COMP>(props: COMP::Properties)
 where
-    COMP: Component + Renderable<COMP>,
+    COMP: Component,
 {
     initialize();
     App::<COMP>::new().mount_to_body_with_props(props);
diff --git a/src/virtual_dom/vcomp.rs b/src/virtual_dom/vcomp.rs
index 47bdd634574..84cb48c1813 100644
--- a/src/virtual_dom/vcomp.rs
+++ b/src/virtual_dom/vcomp.rs
@@ -2,7 +2,7 @@
 
 use super::{VDiff, VNode};
 use crate::callback::Callback;
-use crate::html::{Component, ComponentUpdate, NodeCell, Renderable, Scope};
+use crate::html::{Component, ComponentUpdate, NodeCell, Scope};
 use std::any::TypeId;
 use std::cell::RefCell;
 use std::rc::Rc;
@@ -53,7 +53,7 @@ where
 impl<COMP, CHILD> From<VChild<CHILD, COMP>> for VComp<COMP>
 where
     COMP: Component,
-    CHILD: Component + Renderable<CHILD>,
+    CHILD: Component,
 {
     fn from(vchild: VChild<CHILD, COMP>) -> Self {
         VComp::new::<CHILD>(vchild.props, vchild.scope)
@@ -82,7 +82,7 @@ impl<COMP: Component> VComp<COMP> {
     /// This method prepares a generator to make a new instance of the `Component`.
     pub fn new<CHILD>(props: CHILD::Properties, scope_holder: ScopeHolder<COMP>) -> Self
     where
-        CHILD: Component + Renderable<CHILD>,
+        CHILD: Component,
     {
         let generator = move |generator_type: GeneratorType, parent: Scope<COMP>| -> Mounted {
             *scope_holder.borrow_mut() = Some(parent);
@@ -171,7 +171,7 @@ where
 
 impl<'a, COMP, F, IN> Transformer<COMP, F, Callback<IN>> for VComp<COMP>
 where
-    COMP: Component + Renderable<COMP>,
+    COMP: Component,
     F: Fn(IN) -> COMP::Message + 'static,
 {
     fn transform(scope: ScopeHolder<COMP>, from: F) -> Callback<IN> {
@@ -189,7 +189,7 @@ where
 
 impl<'a, COMP, F, IN> Transformer<COMP, F, Option<Callback<IN>>> for VComp<COMP>
 where
-    COMP: Component + Renderable<COMP>,
+    COMP: Component,
     F: Fn(IN) -> COMP::Message + 'static,
 {
     fn transform(scope: ScopeHolder<COMP>, from: F) -> Option<Callback<IN>> {
diff --git a/tests/macro/helpers.rs b/tests/macro/helpers.rs
index 2ef58680f8b..a14a7083ff3 100644
--- a/tests/macro/helpers.rs
+++ b/tests/macro/helpers.rs
@@ -2,7 +2,7 @@
 macro_rules! pass_helper {
     ( @html ) => { html! {} };
     ( @html html! { $($view:tt)* }; $($tail:tt)* ) => {
-        let _: Html<Self> = html! { $($view)* };
+        let _: Html<TestComponent> = html! { $($view)* };
         pass_helper! { @ html $($tail)* }
     };
     ( @html $head:stmt; $($tail:tt)* ) => {
@@ -13,8 +13,9 @@ macro_rules! pass_helper {
         mod test_component;
         use test_component::TestComponent;
         use yew::prelude::*;
-        impl Renderable<TestComponent> for TestComponent {
-            fn view(&self) -> Html<Self> {
+        struct SubComponent;
+        impl Renderable<TestComponent> for SubComponent {
+            fn view(&self) -> Html<TestComponent> {
                 pass_helper! { @ html $($content)* }
             }
         }
diff --git a/tests/macro/html-component-fail.rs b/tests/macro/html-component-fail.rs
index 90876cfcd4e..3c66b3af3c4 100644
--- a/tests/macro/html-component-fail.rs
+++ b/tests/macro/html-component-fail.rs
@@ -21,10 +21,8 @@ impl Component for Child {
     fn update(&mut self, _: Self::Message) -> ShouldRender {
         unimplemented!()
     }
-}
 
-impl Renderable<Self> for Child {
-    fn view(&self) -> Html<Self> {
+    fn render(&self) -> Html<Self> {
         unimplemented!()
     }
 }
@@ -46,10 +44,8 @@ impl Component for ChildContainer {
     fn update(&mut self, _: Self::Message) -> ShouldRender {
         unimplemented!()
     }
-}
 
-impl Renderable<Self> for ChildContainer {
-    fn view(&self) -> Html<Self> {
+    fn render(&self) -> Html<Self> {
         unimplemented!()
     }
 }
diff --git a/tests/macro/html-component-fail.stderr b/tests/macro/html-component-fail.stderr
index ce939ad182a..1a8fe309543 100644
--- a/tests/macro/html-component-fail.stderr
+++ b/tests/macro/html-component-fail.stderr
@@ -1,141 +1,141 @@
 error: this open tag has no corresponding close tag
-  --> $DIR/html-component-fail.rs:58:13
+  --> $DIR/html-component-fail.rs:54:13
    |
-58 |     html! { <Child> };
+54 |     html! { <Child> };
    |             ^^^^^^^
 
 error: expected identifier
-  --> $DIR/html-component-fail.rs:59:22
+  --> $DIR/html-component-fail.rs:55:22
    |
-59 |     html! { <Child:: /> };
+55 |     html! { <Child:: /> };
    |                      ^
 
 error: this open tag has no corresponding close tag
-  --> $DIR/html-component-fail.rs:62:13
+  --> $DIR/html-component-fail.rs:58:13
    |
-62 |     html! { <Child with props > };
+58 |     html! { <Child with props > };
    |             ^^^^^^^^^^^^^^^^^^^
 
 error: expected type, found `/`
-  --> $DIR/html-component-fail.rs:74:14
+  --> $DIR/html-component-fail.rs:70:14
    |
-74 |     html! { </Child> };
+70 |     html! { </Child> };
    |              ^
 
 error: this open tag has no corresponding close tag
-  --> $DIR/html-component-fail.rs:75:13
+  --> $DIR/html-component-fail.rs:71:13
    |
-75 |     html! { <Child><Child></Child> };
+71 |     html! { <Child><Child></Child> };
    |             ^^^^^^^
 
 error: only one root html element allowed
-  --> $DIR/html-component-fail.rs:76:28
+  --> $DIR/html-component-fail.rs:72:28
    |
-76 |     html! { <Child></Child><Child></Child> };
+72 |     html! { <Child></Child><Child></Child> };
    |                            ^^^^^^^^^^^^^^^
 
 error[E0425]: cannot find value `blah` in this scope
-  --> $DIR/html-component-fail.rs:63:25
+  --> $DIR/html-component-fail.rs:59:25
    |
-63 |     html! { <Child with blah /> };
+59 |     html! { <Child with blah /> };
    |                         ^^^^ not found in this scope
 
 error[E0599]: no method named `build` found for type `ChildPropertiesBuilder<ChildPropertiesBuilderStep_missing_required_prop_int>` in the current scope
-  --> $DIR/html-component-fail.rs:60:5
+  --> $DIR/html-component-fail.rs:56:5
    |
 5  | #[derive(Properties, PartialEq)]
    |                   - method `build` not found for this
 ...
-60 |     html! { <Child with /> };
+56 |     html! { <Child with /> };
    |     ^^^^^^^^^^^^^^^^^^^^^^^^^
    |
    = note: this error originates in a macro outside of the current crate (in Nightly builds, run with -Z external-macro-backtrace for more info)
 
 error[E0599]: no method named `build` found for type `ChildPropertiesBuilder<ChildPropertiesBuilderStep_missing_required_prop_int>` in the current scope
-  --> $DIR/html-component-fail.rs:61:5
+  --> $DIR/html-component-fail.rs:57:5
    |
 5  | #[derive(Properties, PartialEq)]
    |                   - method `build` not found for this
 ...
-61 |     html! { <Child props /> };
+57 |     html! { <Child props /> };
    |     ^^^^^^^^^^^^^^^^^^^^^^^^^^
    |
    = note: this error originates in a macro outside of the current crate (in Nightly builds, run with -Z external-macro-backtrace for more info)
 
 error[E0599]: no method named `build` found for type `ChildPropertiesBuilder<ChildPropertiesBuilderStep_missing_required_prop_int>` in the current scope
-  --> $DIR/html-component-fail.rs:64:5
+  --> $DIR/html-component-fail.rs:60:5
    |
 5  | #[derive(Properties, PartialEq)]
    |                   - method `build` not found for this
 ...
-64 |     html! { <Child with props () /> };
+60 |     html! { <Child with props () /> };
    |     ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    |
    = note: this error originates in a macro outside of the current crate (in Nightly builds, run with -Z external-macro-backtrace for more info)
 
 error[E0599]: no method named `build` found for type `ChildPropertiesBuilder<ChildPropertiesBuilderStep_missing_required_prop_int>` in the current scope
-  --> $DIR/html-component-fail.rs:65:5
+  --> $DIR/html-component-fail.rs:61:5
    |
 5  | #[derive(Properties, PartialEq)]
    |                   - method `build` not found for this
 ...
-65 |     html! { <Child type=0 /> };
+61 |     html! { <Child type=0 /> };
    |     ^^^^^^^^^^^^^^^^^^^^^^^^^^^
    |
    = note: this error originates in a macro outside of the current crate (in Nightly builds, run with -Z external-macro-backtrace for more info)
 
 error[E0599]: no method named `build` found for type `ChildPropertiesBuilder<ChildPropertiesBuilderStep_missing_required_prop_int>` in the current scope
-  --> $DIR/html-component-fail.rs:66:5
+  --> $DIR/html-component-fail.rs:62:5
    |
 5  | #[derive(Properties, PartialEq)]
    |                   - method `build` not found for this
 ...
-66 |     html! { <Child invalid-prop-name=0 /> };
+62 |     html! { <Child invalid-prop-name=0 /> };
    |     ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    |
    = note: this error originates in a macro outside of the current crate (in Nightly builds, run with -Z external-macro-backtrace for more info)
 
 error[E0609]: no field `unknown` on type `ChildProperties`
-  --> $DIR/html-component-fail.rs:67:20
+  --> $DIR/html-component-fail.rs:63:20
    |
-67 |     html! { <Child unknown="unknown" /> };
+63 |     html! { <Child unknown="unknown" /> };
    |                    ^^^^^^^ unknown field
    |
    = note: available fields are: `string`, `int`
 
 error[E0599]: no method named `unknown` found for type `ChildPropertiesBuilder<ChildPropertiesBuilderStep_missing_required_prop_int>` in the current scope
-  --> $DIR/html-component-fail.rs:67:20
+  --> $DIR/html-component-fail.rs:63:20
    |
 5  | #[derive(Properties, PartialEq)]
    |                   - method `unknown` not found for this
 ...
-67 |     html! { <Child unknown="unknown" /> };
+63 |     html! { <Child unknown="unknown" /> };
    |                    ^^^^^^^
 
 error[E0599]: no method named `build` found for type `ChildPropertiesBuilder<ChildPropertiesBuilderStep_missing_required_prop_int>` in the current scope
-  --> $DIR/html-component-fail.rs:68:5
+  --> $DIR/html-component-fail.rs:64:5
    |
 5  | #[derive(Properties, PartialEq)]
    |                   - method `build` not found for this
 ...
-68 |     html! { <Child string= /> };
+64 |     html! { <Child string= /> };
    |     ^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    |
    = note: this error originates in a macro outside of the current crate (in Nightly builds, run with -Z external-macro-backtrace for more info)
 
 error[E0308]: mismatched types
-  --> $DIR/html-component-fail.rs:69:33
+  --> $DIR/html-component-fail.rs:65:33
    |
-69 |     html! { <Child int=1 string={} /> };
+65 |     html! { <Child int=1 string={} /> };
    |                                 ^^ expected struct `std::string::String`, found ()
    |
    = note: expected type `std::string::String`
               found type `()`
 
 error[E0308]: mismatched types
-  --> $DIR/html-component-fail.rs:70:33
+  --> $DIR/html-component-fail.rs:66:33
    |
-70 |     html! { <Child int=1 string=3 /> };
+66 |     html! { <Child int=1 string=3 /> };
    |                                 ^
    |                                 |
    |                                 expected struct `std::string::String`, found integer
@@ -145,9 +145,9 @@ error[E0308]: mismatched types
               found type `{integer}`
 
 error[E0308]: mismatched types
-  --> $DIR/html-component-fail.rs:71:33
+  --> $DIR/html-component-fail.rs:67:33
    |
-71 |     html! { <Child int=1 string={3} /> };
+67 |     html! { <Child int=1 string={3} /> };
    |                                 ^^^
    |                                 |
    |                                 expected struct `std::string::String`, found integer
@@ -157,71 +157,71 @@ error[E0308]: mismatched types
               found type `{integer}`
 
 error[E0308]: mismatched types
-  --> $DIR/html-component-fail.rs:72:24
+  --> $DIR/html-component-fail.rs:68:24
    |
-72 |     html! { <Child int=0u32 /> };
+68 |     html! { <Child int=0u32 /> };
    |                        ^^^^ expected i32, found u32
 
 error[E0599]: no method named `string` found for type `ChildPropertiesBuilder<ChildPropertiesBuilderStep_missing_required_prop_int>` in the current scope
-  --> $DIR/html-component-fail.rs:73:20
+  --> $DIR/html-component-fail.rs:69:20
    |
 5  | #[derive(Properties, PartialEq)]
    |                   - method `string` not found for this
 ...
-73 |     html! { <Child string="abc" /> };
+69 |     html! { <Child string="abc" /> };
    |                    ^^^^^^
 
 error[E0599]: no method named `children` found for type `ChildPropertiesBuilder<ChildPropertiesBuilderStep_missing_required_prop_int>` in the current scope
-  --> $DIR/html-component-fail.rs:77:5
+  --> $DIR/html-component-fail.rs:73:5
    |
 5  | #[derive(Properties, PartialEq)]
    |                   - method `children` not found for this
 ...
-77 |     html! { <Child>{ "Not allowed" }</Child> };
+73 |     html! { <Child>{ "Not allowed" }</Child> };
    |     ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    |
    = note: this error originates in a macro outside of the current crate (in Nightly builds, run with -Z external-macro-backtrace for more info)
 
 error[E0277]: the trait bound `yew::virtual_dom::vcomp::VChild<Child, ChildContainer>: std::convert::From<yew::virtual_dom::vnode::VNode<_>>` is not satisfied
-  --> $DIR/html-component-fail.rs:78:5
+  --> $DIR/html-component-fail.rs:74:5
    |
-78 |     html! { <ChildContainer>{ "Not allowed" }</ChildContainer> };
+74 |     html! { <ChildContainer>{ "Not allowed" }</ChildContainer> };
    |     ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ the trait `std::convert::From<yew::virtual_dom::vnode::VNode<_>>` is not implemented for `yew::virtual_dom::vcomp::VChild<Child, ChildContainer>`
    |
    = note: required because of the requirements on the impl of `std::convert::Into<yew::virtual_dom::vcomp::VChild<Child, ChildContainer>>` for `yew::virtual_dom::vnode::VNode<_>`
    = note: this error originates in a macro outside of the current crate (in Nightly builds, run with -Z external-macro-backtrace for more info)
 
 error[E0277]: the trait bound `yew::virtual_dom::vcomp::VChild<Child, ChildContainer>: std::convert::From<yew::virtual_dom::vnode::VNode<_>>` is not satisfied
-  --> $DIR/html-component-fail.rs:79:5
+  --> $DIR/html-component-fail.rs:75:5
    |
-79 |     html! { <ChildContainer><></></ChildContainer> };
+75 |     html! { <ChildContainer><></></ChildContainer> };
    |     ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ the trait `std::convert::From<yew::virtual_dom::vnode::VNode<_>>` is not implemented for `yew::virtual_dom::vcomp::VChild<Child, ChildContainer>`
    |
    = note: required because of the requirements on the impl of `std::convert::Into<yew::virtual_dom::vcomp::VChild<Child, ChildContainer>>` for `yew::virtual_dom::vnode::VNode<_>`
    = note: this error originates in a macro outside of the current crate (in Nightly builds, run with -Z external-macro-backtrace for more info)
 
 error[E0277]: the trait bound `yew::virtual_dom::vcomp::VChild<Child, ChildContainer>: std::convert::From<yew::virtual_dom::vcomp::VChild<ChildContainer, _>>` is not satisfied
-  --> $DIR/html-component-fail.rs:80:5
+  --> $DIR/html-component-fail.rs:76:5
    |
-80 |     html! { <ChildContainer><ChildContainer /></ChildContainer> };
+76 |     html! { <ChildContainer><ChildContainer /></ChildContainer> };
    |     ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ the trait `std::convert::From<yew::virtual_dom::vcomp::VChild<ChildContainer, _>>` is not implemented for `yew::virtual_dom::vcomp::VChild<Child, ChildContainer>`
    |
    = note: required because of the requirements on the impl of `std::convert::Into<yew::virtual_dom::vcomp::VChild<Child, ChildContainer>>` for `yew::virtual_dom::vcomp::VChild<ChildContainer, _>`
    = note: this error originates in a macro outside of the current crate (in Nightly builds, run with -Z external-macro-backtrace for more info)
 
 error[E0277]: the trait bound `yew::virtual_dom::vcomp::VChild<Child, ChildContainer>: std::convert::From<yew::virtual_dom::vcomp::VChild<ChildContainer, _>>` is not satisfied
-  --> $DIR/html-component-fail.rs:81:5
+  --> $DIR/html-component-fail.rs:77:5
    |
-81 |     html! { <ChildContainer><ChildContainer /></ChildContainer> };
+77 |     html! { <ChildContainer><ChildContainer /></ChildContainer> };
    |     ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ the trait `std::convert::From<yew::virtual_dom::vcomp::VChild<ChildContainer, _>>` is not implemented for `yew::virtual_dom::vcomp::VChild<Child, ChildContainer>`
    |
    = note: required because of the requirements on the impl of `std::convert::Into<yew::virtual_dom::vcomp::VChild<Child, ChildContainer>>` for `yew::virtual_dom::vcomp::VChild<ChildContainer, _>`
    = note: this error originates in a macro outside of the current crate (in Nightly builds, run with -Z external-macro-backtrace for more info)
 
 error[E0277]: the trait bound `yew::virtual_dom::vcomp::VChild<Child, ChildContainer>: std::convert::From<yew::virtual_dom::vnode::VNode<_>>` is not satisfied
-  --> $DIR/html-component-fail.rs:82:5
+  --> $DIR/html-component-fail.rs:78:5
    |
-82 |     html! { <ChildContainer><Child int=1 /><other /></ChildContainer> };
+78 |     html! { <ChildContainer><Child int=1 /><other /></ChildContainer> };
    |     ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ the trait `std::convert::From<yew::virtual_dom::vnode::VNode<_>>` is not implemented for `yew::virtual_dom::vcomp::VChild<Child, ChildContainer>`
    |
    = note: required because of the requirements on the impl of `std::convert::Into<yew::virtual_dom::vcomp::VChild<Child, ChildContainer>>` for `yew::virtual_dom::vnode::VNode<_>`
diff --git a/tests/macro/html-component-pass.rs b/tests/macro/html-component-pass.rs
index c6a3d318778..ff1e1e7df0d 100644
--- a/tests/macro/html-component-pass.rs
+++ b/tests/macro/html-component-pass.rs
@@ -26,10 +26,8 @@ impl Component for Child {
     fn update(&mut self, _: Self::Message) -> ShouldRender {
         unimplemented!()
     }
-}
 
-impl Renderable<Child> for Child {
-    fn view(&self) -> Html<Self> {
+    fn render(&self) -> Html<Self> {
         unimplemented!()
     }
 }
@@ -53,10 +51,8 @@ impl Component for Container {
     fn update(&mut self, _: Self::Message) -> ShouldRender {
         unimplemented!()
     }
-}
 
-impl Renderable<Self> for Container {
-    fn view(&self) -> Html<Self> {
+    fn render(&self) -> Html<Self> {
         unimplemented!()
     }
 }
@@ -80,10 +76,8 @@ impl Component for ChildContainer {
     fn update(&mut self, _: Self::Message) -> ShouldRender {
         unimplemented!()
     }
-}
 
-impl Renderable<Self> for ChildContainer {
-    fn view(&self) -> Html<Self> {
+    fn render(&self) -> Html<Self> {
         unimplemented!()
     }
 }
diff --git a/tests/macro/html-iterable-pass.rs b/tests/macro/html-iterable-pass.rs
index c9f00b0317c..1fe1952677e 100644
--- a/tests/macro/html-iterable-pass.rs
+++ b/tests/macro/html-iterable-pass.rs
@@ -4,12 +4,12 @@ mod helpers;
 use std::iter;
 
 pass_helper! {
-    html! { for iter::empty::<Html<Self>>() };
-    html! { for Vec::<Html<Self>>::new().into_iter() };
+    html! { for iter::empty::<Html<TestComponent>>() };
+    html! { for Vec::<Html<TestComponent>>::new().into_iter() };
     html! { for (0..3).map(|num| { html! { <span>{num}</span> } }) };
-    html! { for {iter::empty::<Html<Self>>()} };
+    html! { for {iter::empty::<Html<TestComponent>>()} };
 
-    let empty: Vec<Html<Self>> = Vec::new();
+    let empty: Vec<Html<TestComponent>> = Vec::new();
     html! { for empty.into_iter() };
 }
 
diff --git a/tests/macro/test_component.rs b/tests/macro/test_component.rs
index 13af06f06e5..bb00701c143 100644
--- a/tests/macro/test_component.rs
+++ b/tests/macro/test_component.rs
@@ -18,4 +18,12 @@ impl Component for TestComponent {
     fn update(&mut self, _: Self::Message) -> ShouldRender {
         unimplemented!()
     }
+
+    fn change(&mut self, _: Self::Properties) -> ShouldRender {
+        unimplemented!()
+    }
+
+    fn render(&self) -> Html<Self> {
+        unimplemented!()
+    }
 }
diff --git a/tests/vcomp_test.rs b/tests/vcomp_test.rs
index 56785a1a27b..8f4048f77d3 100644
--- a/tests/vcomp_test.rs
+++ b/tests/vcomp_test.rs
@@ -2,7 +2,7 @@
 use wasm_bindgen_test::{wasm_bindgen_test as test, wasm_bindgen_test_configure};
 use yew::macros::Properties;
 use yew::virtual_dom::VNode;
-use yew::{html, Component, ComponentLink, Html, Renderable, ShouldRender};
+use yew::{html, Component, ComponentLink, Html, ShouldRender};
 
 #[cfg(feature = "wasm_test")]
 wasm_bindgen_test_configure!(run_in_browser);
@@ -26,10 +26,8 @@ impl Component for Comp {
     fn update(&mut self, _: Self::Message) -> ShouldRender {
         unimplemented!();
     }
-}
 
-impl Renderable<Comp> for Comp {
-    fn view(&self) -> Html<Self> {
+    fn render(&self) -> Html<Self> {
         unimplemented!();
     }
 }
diff --git a/tests/vlist_test.rs b/tests/vlist_test.rs
index 88d200e52ec..ae0a212e1db 100644
--- a/tests/vlist_test.rs
+++ b/tests/vlist_test.rs
@@ -1,7 +1,7 @@
 #[cfg(feature = "wasm_test")]
 use wasm_bindgen_test::{wasm_bindgen_test as test, wasm_bindgen_test_configure};
 use yew::virtual_dom::VNode;
-use yew::{html, Component, ComponentLink, Html, Renderable, ShouldRender};
+use yew::{html, Component, ComponentLink, Html, ShouldRender};
 
 #[cfg(feature = "wasm_test")]
 wasm_bindgen_test_configure!(run_in_browser);
@@ -19,10 +19,8 @@ impl Component for Comp {
     fn update(&mut self, _: Self::Message) -> ShouldRender {
         unimplemented!();
     }
-}
 
-impl Renderable<Comp> for Comp {
-    fn view(&self) -> Html<Self> {
+    fn render(&self) -> Html<Self> {
         unimplemented!();
     }
 }
diff --git a/tests/vtag_test.rs b/tests/vtag_test.rs
index 8a55ea560c7..2324938cd2c 100644
--- a/tests/vtag_test.rs
+++ b/tests/vtag_test.rs
@@ -5,7 +5,7 @@ use wasm_bindgen_test::{wasm_bindgen_test as test, wasm_bindgen_test_configure};
 use yew::html::Scope;
 use yew::virtual_dom::vtag::{VTag, HTML_NAMESPACE, SVG_NAMESPACE};
 use yew::virtual_dom::{VDiff, VNode};
-use yew::{html, Component, ComponentLink, Html, Renderable, ShouldRender};
+use yew::{html, Component, ComponentLink, Html, ShouldRender};
 
 #[cfg(feature = "wasm_test")]
 wasm_bindgen_test_configure!(run_in_browser);
@@ -23,10 +23,8 @@ impl Component for Comp {
     fn update(&mut self, _: Self::Message) -> ShouldRender {
         unimplemented!();
     }
-}
 
-impl Renderable<Comp> for Comp {
-    fn view(&self) -> Html<Self> {
+    fn render(&self) -> Html<Self> {
         unimplemented!();
     }
 }
@@ -44,10 +42,8 @@ impl Component for CompInt {
     fn update(&mut self, _: Self::Message) -> ShouldRender {
         unimplemented!();
     }
-}
 
-impl Renderable<CompInt> for CompInt {
-    fn view(&self) -> Html<Self> {
+    fn render(&self) -> Html<Self> {
         unimplemented!();
     }
 }
@@ -65,10 +61,8 @@ impl Component for CompBool {
     fn update(&mut self, _: Self::Message) -> ShouldRender {
         unimplemented!();
     }
-}
 
-impl Renderable<CompBool> for CompBool {
-    fn view(&self) -> Html<Self> {
+    fn render(&self) -> Html<Self> {
         unimplemented!();
     }
 }
diff --git a/tests/vtext_test.rs b/tests/vtext_test.rs
index 55db731f77c..ecd77dee8b6 100644
--- a/tests/vtext_test.rs
+++ b/tests/vtext_test.rs
@@ -1,7 +1,7 @@
 #[cfg(feature = "wasm_test")]
 use wasm_bindgen_test::{wasm_bindgen_test as test, wasm_bindgen_test_configure};
 use yew::virtual_dom::VNode;
-use yew::{html, Component, ComponentLink, Html, Renderable, ShouldRender};
+use yew::{html, Component, ComponentLink, Html, ShouldRender};
 
 #[cfg(feature = "wasm_test")]
 wasm_bindgen_test_configure!(run_in_browser);
@@ -19,10 +19,8 @@ impl Component for Comp {
     fn update(&mut self, _: Self::Message) -> ShouldRender {
         unimplemented!();
     }
-}
 
-impl Renderable<Comp> for Comp {
-    fn view(&self) -> Html<Self> {
+    fn render(&self) -> Html<Self> {
         unimplemented!();
     }
 }