Replace Model with App or MyComponent (yewstack#2336)

`Model` is ambiguous and not a user-friendly name.
Some of the newer docs are already referring to the root component as
`App`.

This PR follows this naming scheme:
 - `App` for a root component
 - `MyComponent` for an arbitrary component

This naming is inspired by the React docs.

i18n references were not changed. They need a larger rewrite which will
go in a separate PR.

Author: allan2

CHANGELOG.md

@@ -550,18 +550,18 @@ This is the main painful breaking change. It applies to both element listeners a
 
 Before:
 ```rust
-struct Model;
+struct MyComponent;
 
 enum Msg {
     Click,
 }
 
-impl Component for Model {
+impl Component for MyComponent {
     type Message = Msg;
     type Properties = ();
 
     fn create(_: Self::Properties, _: ComponentLink<Self>) -> Self {
-        Model
+        MyComponent
     }
 
     fn update(&mut self, msg: Self::Message) -> ShouldRender {
@@ -581,20 +581,20 @@ impl Component for Model {
 
 After:
 ```rust
-struct Model {
+struct MyComponent {
   link: ComponentLink<Self>,
 }
 
 enum Msg {
     Click,
 }
 
-impl Component for Model {
+impl Component for MyComponent {
     type Message = Msg;
     type Properties = ();
 
     fn create(_: Self::Properties, link: ComponentLink<Self>) -> Self {
-        Model { link }
+        MyComponent { link }
     }
 
     fn update(&mut self, msg: Self::Message) -> ShouldRender {
@@ -653,7 +653,7 @@ was confusing and restrictive and is now a thing of the past!
 
 Before:
 ```rust
-impl Component for Model {
+impl Component for MyComponent {
     // ...
 
     fn view(&self) -> Html<Self> {
@@ -664,7 +664,7 @@ impl Component for Model {
 
 After:
 ```rust
-impl Component for Model {
+impl Component for MyComponent {
     // ...
 
     fn view(&self) -> Html {
@@ -688,20 +688,20 @@ cloned is when a wrapper component re-renders nested children components.
   - The `html!` macro now accepts a `Callback` for element listeners. [[@jstarry], [#777](https://github.com/yewstack/yew/pull/777)]
 
   ```rust
-  struct Model {
+  struct MyComponent {
       onclick: Callback<ClickEvent>,
   }
 
   enum Msg {
       Click,
   }
 
-  impl Component for Model {
+  impl Component for MyComponent {
       type Message = Msg;
       type Properties = ();
 
       fn create(_: Self::Properties, link: ComponentLink<Self>) -> Self {
-          Model {
+          MyComponent {
               onclick: link.callback(|_| Msg::Click),
           }
       }
@@ -875,20 +875,20 @@ cloned is when a wrapper component re-renders nested children components.
 
     Before:
     ```rust
-    impl Component for Model {
+    impl Component for MyComponent {
         type Message = Msg;
         type Properties = ();
 
         fn create(_: Self::Properties, _: ComponentLink<Self>) -> Self {
-            Model {}
+            MyComponent {}
         }
 
         fn update(&mut self, msg: Self::Message) -> ShouldRender {
             true
         }
     }
 
-    impl Renderable<Model> for Model {
+    impl Renderable<MyComponent> for MyComponent {
         fn view(&self) -> Html<Self> {
             html! { "hello" }
         }
@@ -897,12 +897,12 @@ cloned is when a wrapper component re-renders nested children components.
 
     After:
     ```rust
-    impl Component for Model {
+    impl Component for MyComponent {
         type Message = Msg;
         type Properties = ();
 
         fn create(_: Self::Properties, _: ComponentLink<Self>) -> Self {
-            Model {}
+            MyComponent {}
         }
 
         fn update(&mut self, msg: Self::Message) -> ShouldRender {

examples/agents/src/bin/app.rs

@@ -1,4 +1,4 @@
 fn main() {
     wasm_logger::init(wasm_logger::Config::default());
-    yew::start_app::<agents::Model>();
+    yew::start_app::<agents::App>();
 }

examples/agents/src/lib.rs

@@ -9,11 +9,11 @@ pub enum Msg {
     DataReceived,
 }
 
-pub struct Model {
+pub struct App {
     worker: Box<dyn Bridge<native_worker::Worker>>,
 }
 
-impl Component for Model {
+impl Component for App {
     type Message = Msg;
     type Properties = ();
 

examples/boids/src/main.rs

@@ -17,12 +17,12 @@ pub enum Msg {
     TogglePause,
 }
 
-pub struct Model {
+pub struct App {
     settings: Settings,
     generation: usize,
     paused: bool,
 }
-impl Component for Model {
+impl Component for App {
     type Message = Msg;
     type Properties = ();
 
@@ -74,7 +74,7 @@ impl Component for Model {
         }
     }
 }
-impl Model {
+impl App {
     fn view_panel(&self, link: &Scope<Self>) -> Html {
         let pause_text = if self.paused { "Resume" } else { "Pause" };
         html! {
@@ -162,5 +162,5 @@ impl Model {
 }
 
 fn main() {
-    yew::start_app::<Model>();
+    yew::start_app::<App>();
 }

examples/contexts/src/main.rs

@@ -9,7 +9,7 @@ use yew::prelude::*;
 use msg_ctx::MessageProvider;
 
 #[function_component]
-pub fn Model() -> Html {
+pub fn App() -> Html {
     html! {
         <MessageProvider>
             <Producer />
@@ -19,5 +19,5 @@ pub fn Model() -> Html {
 }
 
 fn main() {
-    yew::start_app::<Model>();
+    yew::start_app::<App>();
 }

examples/counter/src/main.rs

@@ -8,11 +8,11 @@ pub enum Msg {
     Decrement,
 }
 
-pub struct Model {
+pub struct App {
     value: i64, // This will store the counter value
 }
 
-impl Component for Model {
+impl Component for App {
     type Message = Msg;
     type Properties = ();
 
@@ -72,5 +72,5 @@ impl Component for Model {
 }
 
 fn main() {
-    yew::start_app::<Model>();
+    yew::start_app::<App>();
 }

examples/dyn_create_destroy_apps/src/main.rs

@@ -15,12 +15,12 @@ pub enum Msg {
     DestroyCounterApp(usize),
 }
 
-pub struct Model {
+pub struct App {
     apps: Slab<(Element, AppHandle<CounterModel>)>, // Contains the spawned apps and their parent div elements
     apps_container_ref: NodeRef,
 }
 
-impl Component for Model {
+impl Component for App {
     type Message = Msg;
     type Properties = ();
 
@@ -107,5 +107,5 @@ impl Component for Model {
 
 fn main() {
     // Start main app
-    yew::start_app::<Model>();
+    yew::start_app::<App>();
 }

examples/file_upload/src/main.rs

@@ -15,13 +15,13 @@ pub enum Msg {
     ToggleReadBytes,
 }
 
-pub struct Model {
+pub struct App {
     readers: HashMap<String, FileReader>,
     files: Vec<String>,
     read_bytes: bool,
 }
 
-impl Component for Model {
+impl Component for App {
     type Message = Msg;
     type Properties = ();
 
@@ -115,7 +115,7 @@ impl Component for Model {
     }
 }
 
-impl Model {
+impl App {
     fn view_file(data: &str) -> Html {
         html! {
             <li>{ data }</li>
@@ -124,5 +124,5 @@ impl Model {
 }
 
 fn main() {
-    yew::start_app::<Model>();
+    yew::start_app::<App>();
 }

examples/futures/src/main.rs

@@ -63,11 +63,11 @@ enum Msg {
     GetMarkdown,
     GetError,
 }
-struct Model {
+struct App {
     markdown: FetchState<String>,
 }
 
-impl Component for Model {
+impl Component for App {
     type Message = Msg;
     type Properties = ();
 
@@ -128,5 +128,5 @@ impl Component for Model {
 }
 
 fn main() {
-    yew::start_app::<Model>();
+    yew::start_app::<App>();
 }

examples/game_of_life/src/main.rs

@@ -16,15 +16,15 @@ pub enum Msg {
     Tick,
 }
 
-pub struct Model {
+pub struct App {
     active: bool,
     cellules: Vec<Cellule>,
     cellules_width: usize,
     cellules_height: usize,
     _interval: Interval,
 }
 
-impl Model {
+impl App {
     pub fn random_mutate(&mut self) {
         for cellule in self.cellules.iter_mut() {
             if rand::thread_rng().gen() {
@@ -101,7 +101,7 @@ impl Model {
         }
     }
 }
-impl Component for Model {
+impl Component for App {
     type Message = Msg;
     type Properties = ();
 
@@ -226,5 +226,5 @@ fn wrap(coord: isize, range: isize) -> usize {
 fn main() {
     wasm_logger::init(wasm_logger::Config::default());
     log::trace!("Initializing yew...");
-    yew::start_app::<Model>();
+    yew::start_app::<App>();
 }

examples/inner_html/src/main.rs

@@ -3,11 +3,11 @@ use yew::{Component, Context, Html};
 
 const HTML: &str = include_str!("document.html");
 
-pub struct Model {
+pub struct App {
     pub value: i64,
 }
 
-impl Component for Model {
+impl Component for App {
     type Message = ();
     type Properties = ();
 
@@ -26,5 +26,5 @@ impl Component for Model {
 }
 
 fn main() {
-    yew::start_app::<Model>();
+    yew::start_app::<App>();
 }

examples/js_callback/src/main.rs

@@ -9,13 +9,13 @@ pub enum Msg {
     AsyncPayload,
 }
 
-pub struct Model {
+pub struct App {
     payload: String,
     // Pointless field just to have something that's been manipulated
     debugged_payload: String,
 }
 
-impl Component for Model {
+impl Component for App {
     type Message = Msg;
     type Properties = ();
 
@@ -73,5 +73,5 @@ impl Component for Model {
 }
 
 fn main() {
-    yew::start_app::<Model>();
+    yew::start_app::<App>();
 }