Updated docs reflect KComponent migration + renaming KComponents to Components

Summary:
Updating LithoDocs for Communicating between Components to have KComponent samples: https://fblitho.com/docs/mainconcepts/coordinate-state-actions/communicating-between-components/

Renamed KComponents to Components as mentioned: https://www.internalfb.com/diff/D73038616?dst_version_fbid=1055523829826219&transaction_fbid=623845380657377

Reviewed By: zielinskimz

Differential Revision: D73110526

fbshipit-source-id: c35a70a5064ef40e70dc01fa9797e0414dbc02fd

Author: aashay-gaikwad

docs/mainconcepts/coordinate-state-actions/communicating-between-components.md

@@ -16,12 +16,12 @@ For more information on Kotlin events, see [Event Handling](/docs/kotlin/event-h
 
 </FbInternalOnly>
 
-```java file=sample/src/main/java/com/facebook/samples/litho/java/communicating/ParentComponentReceivesEventFromChildKComponent.kt start=start_demo end=end_demo
+```java file=sample/src/main/java/com/facebook/samples/litho/java/communicating/ParentComponentReceivesEventFromChildComponent.kt start=start_demo end=end_demo
 ```
 
-The child component can invoke the event handler received from the parent to inform the parent that a certain action took place, such as when the child component receives a click event or, in a visibility handler, when it becomes visible.  The following code provides an example.
+The child component can invoke the lambda received from the parent to inform the parent that a certain action took place, such as when the child component receives a click event or, in a visibility handler, when it becomes visible.  The following code provides an example.
 
-```java file=sample/src/main/java/com/facebook/samples/litho/java/communicating/ChildComponentSendsEventToParentKComponent.kt start=start_demo end=end_demo
+```java file=sample/src/main/java/com/facebook/samples/litho/java/communicating/ChildComponentSendsEventToParentComponent.kt start=start_demo end=end_demo
 ```
 
 ### Passing new Props from a parent to a child
@@ -31,15 +31,15 @@ When the data is updated as a result of an action controlled by the parent compo
 
 The following code illustrates this concept with a click event on the parent component.
 
-```java file=sample/src/main/java/com/facebook/samples/litho/java/communicating/ParentComponentSendsEventToChildKComponent.kt start=start_update_prop end=end_update_prop
+```java file=sample/src/main/java/com/facebook/samples/litho/java/communicating/ParentComponentSendsEventToChildComponent.kt start=start_update_prop end=end_update_prop
 ```
 
 ### Triggering an Action on a child from a parent
 
 There are cases when a parent needs to trigger an action on a child instead of just passing new data. To do this, the parent can interact with the child using controllers (see [Controllers Pattern](/docs/mainconcepts/primitivecomponents/primitive-controllers/)),
 which the parent creates and passes to the child component as a prop:
 
-```java file=sample/src/main/java/com/facebook/samples/litho/java/communicating/ParentComponentSendsEventToChildKComponent.kt start=start_define_controller end=end_define_controller
+```java file=sample/src/main/java/com/facebook/samples/litho/java/communicating/ParentComponentSendsEventToChildComponent.kt start=start_define_controller end=end_define_controller
 ```
 
 ### Communicating between siblings
@@ -48,15 +48,15 @@ Two sibling components (two child components of the same parent) cannot communic
 
 A child component that needs to send a signal to a sibling component will dispatch an event to the common parent component:
 
-```java file=sample/src/main/java/com/facebook/samples/litho/java/communicating/ChildComponentSiblingCommunicationKComponent.kt start=start_dispatch_to_parent end=end_dispatch_to_parent
+```java file=sample/src/main/java/com/facebook/samples/litho/java/communicating/ChildComponentSiblingCommunicationComponent.kt start=start_dispatch_to_parent end=end_dispatch_to_parent
 ```
 
 As shown in the following code, the parent component can:
 
-* Perform a state update to recreate the sibling with new data (@OnUpdateState)
-* Trigger an event on the sibling using a reference (@OnEvent).
+* Perform a state update to recreate the sibling with new data.
+* Trigger an event on the sibling using a reference.
 
-```java file=sample/src/main/java/com/facebook/samples/litho/java/communicating/ParentComponentMediatorKComponent.kt start=start_parent_mediator end=end_parent_mediator
+```java file=sample/src/main/java/com/facebook/samples/litho/java/communicating/ParentComponentMediatorComponent.kt start=start_parent_mediator end=end_parent_mediator
 ```
 
 ### Communicating externally to a component

…nentReceivesEventFromParentKComponent.kt …onentReceivesEventFromParentComponent.ktsample/src/main/java/com/facebook/samples/litho/java/communicating/ChildComponentReceivesEventFromParentKComponent.kt renamed to sample/src/main/java/com/facebook/samples/litho/java/communicating/ChildComponentReceivesEventFromParentComponent.kt sample/src/main/java/com/facebook/samples/litho/java/communicating/ChildComponentReceivesEventFromParentKComponent.kt renamed to sample/src/main/java/com/facebook/samples/litho/java/communicating/ChildComponentReceivesEventFromParentComponent.kt

@@ -27,7 +27,7 @@ import com.facebook.litho.onCleanup
 import com.facebook.litho.useEffect
 import com.facebook.rendercore.dp
 
-class ChildComponentReceivesEventFromParentKComponent(
+class ChildComponentReceivesEventFromParentComponent(
     private val controller: ParentToChildEventController,
     private val textFromParent: String,
 ) : KComponent() {

…ComponentSendsEventToParentKComponent.kt …dComponentSendsEventToParentComponent.ktsample/src/main/java/com/facebook/samples/litho/java/communicating/ChildComponentSendsEventToParentKComponent.kt renamed to sample/src/main/java/com/facebook/samples/litho/java/communicating/ChildComponentSendsEventToParentComponent.kt sample/src/main/java/com/facebook/samples/litho/java/communicating/ChildComponentSendsEventToParentKComponent.kt renamed to sample/src/main/java/com/facebook/samples/litho/java/communicating/ChildComponentSendsEventToParentComponent.kt

@@ -35,7 +35,7 @@ import com.facebook.rendercore.sp
 import com.facebook.samples.litho.java.communicating.CommunicatingFromChildToParent.ComponentEventObserver
 
 // start_demo
-class ChildComponentSendsEventToParentKComponent(
+class ChildComponentSendsEventToParentComponent(
     private val observer: ComponentEventObserver,
     private val onChildClickEvent: () -> Unit,
 ) : KComponent() {

…mponentSiblingCommunicationKComponent.kt …omponentSiblingCommunicationComponent.ktsample/src/main/java/com/facebook/samples/litho/java/communicating/ChildComponentSiblingCommunicationKComponent.kt renamed to sample/src/main/java/com/facebook/samples/litho/java/communicating/ChildComponentSiblingCommunicationComponent.kt sample/src/main/java/com/facebook/samples/litho/java/communicating/ChildComponentSiblingCommunicationKComponent.kt renamed to sample/src/main/java/com/facebook/samples/litho/java/communicating/ChildComponentSiblingCommunicationComponent.kt

@@ -35,7 +35,7 @@ import com.facebook.litho.view.onClick
 import com.facebook.rendercore.dp
 
 // start_dispatch_to_parent
-class ChildComponentSiblingCommunicationKComponent(
+class ChildComponentSiblingCommunicationComponent(
     private val id: Int,
     private val isSelected: Boolean,
     private val onSelected: (Int) -> Unit,

sample/src/main/java/com/facebook/samples/litho/java/communicating/CommunicatingFromChildToParent.java

@@ -33,7 +33,7 @@ protected void onCreate(Bundle savedInstanceState) {
     setContentView(
         LithoView.create(
             c,
-            new ParentComponentReceivesEventFromChildKComponent(
+            new ParentComponentReceivesEventFromChildComponent(
                 () ->
                     Toast.makeText(
                             c.getAndroidContext(),

…ing/ParentComponentMediatorKComponent.kt …ting/ParentComponentMediatorComponent.ktsample/src/main/java/com/facebook/samples/litho/java/communicating/ParentComponentMediatorKComponent.kt renamed to sample/src/main/java/com/facebook/samples/litho/java/communicating/ParentComponentMediatorComponent.kt sample/src/main/java/com/facebook/samples/litho/java/communicating/ParentComponentMediatorKComponent.kt renamed to sample/src/main/java/com/facebook/samples/litho/java/communicating/ParentComponentMediatorComponent.kt

@@ -27,20 +27,20 @@ import com.facebook.litho.useState
 import com.facebook.rendercore.dp
 
 // start_parent_mediator
-class ParentComponentMediatorKComponent : KComponent() {
+class ParentComponentMediatorComponent : KComponent() {
   override fun ComponentScope.render(): Component? {
 
     val selectedPosition = useState { 0 }
 
     return Column(style = Style.padding(all = 30.dp)) {
       child(Text(text = "ChildComponent", textSize = 30.dp))
       child(
-          ChildComponentSiblingCommunicationKComponent(
+          ChildComponentSiblingCommunicationComponent(
               id = 0,
               isSelected = selectedPosition.value == 0,
               onSelected = { selectedPosition.update(0) }))
       child(
-          ChildComponentSiblingCommunicationKComponent(
+          ChildComponentSiblingCommunicationComponent(
               id = 1,
               isSelected = selectedPosition.value == 1,
               onSelected = { selectedPosition.update(1) }))

…onentReceivesEventFromChildKComponent.kt …ponentReceivesEventFromChildComponent.ktsample/src/main/java/com/facebook/samples/litho/java/communicating/ParentComponentReceivesEventFromChildKComponent.kt renamed to sample/src/main/java/com/facebook/samples/litho/java/communicating/ParentComponentReceivesEventFromChildComponent.kt sample/src/main/java/com/facebook/samples/litho/java/communicating/ParentComponentReceivesEventFromChildKComponent.kt renamed to sample/src/main/java/com/facebook/samples/litho/java/communicating/ParentComponentReceivesEventFromChildComponent.kt

@@ -29,17 +29,16 @@ import com.facebook.rendercore.dp
 import com.facebook.samples.litho.java.communicating.CommunicatingFromChildToParent.ComponentEventObserver
 
 // start_demo
-class ParentComponentReceivesEventFromChildKComponent(
-    private val observer: ComponentEventObserver
-) : KComponent() {
+class ParentComponentReceivesEventFromChildComponent(private val observer: ComponentEventObserver) :
+    KComponent() {
 
   override fun ComponentScope.render(): Component {
     val infoText = useState { "No event received from ChildComponent" }
     return Column(style = Style.padding(all = 30.dp)) {
       child(Text(text = "ParentComponent", textSize = 30.dp))
       child(Text(text = infoText.value, textSize = 15.dp))
       child(
-          ChildComponentSendsEventToParentKComponent(
+          ChildComponentSendsEventToParentComponent(
               observer = observer, onChildClickEvent = { onNotifyParentEvent(infoText) }))
     }
   }

…tComponentSendsEventToChildKComponent.kt …ntComponentSendsEventToChildComponent.ktsample/src/main/java/com/facebook/samples/litho/java/communicating/ParentComponentSendsEventToChildKComponent.kt renamed to sample/src/main/java/com/facebook/samples/litho/java/communicating/ParentComponentSendsEventToChildComponent.kt sample/src/main/java/com/facebook/samples/litho/java/communicating/ParentComponentSendsEventToChildKComponent.kt renamed to sample/src/main/java/com/facebook/samples/litho/java/communicating/ParentComponentSendsEventToChildComponent.kt

@@ -34,7 +34,7 @@ import com.facebook.litho.useState
 import com.facebook.litho.view.onClick
 import com.facebook.rendercore.dp
 
-class ParentComponentSendsEventToChildKComponent : KComponent() {
+class ParentComponentSendsEventToChildComponent : KComponent() {
 
   // start_define_controller
   override fun ComponentScope.render(): Component? {
@@ -57,7 +57,7 @@ class ParentComponentSendsEventToChildKComponent : KComponent() {
                               radius = BorderRadius(all = 2.dp)))
                       .onClick { controller.trigger("Message from parent") }))
       child(
-          ChildComponentReceivesEventFromParentKComponent(
+          ChildComponentReceivesEventFromParentComponent(
               controller = controller, textFromParent = "Child with controller"))
       // end_define_controller
       // start_update_prop
@@ -74,7 +74,7 @@ class ParentComponentSendsEventToChildKComponent : KComponent() {
                               radius = BorderRadius(all = 2.dp)))
                       .onClick { version.update { it + 1 } }))
       child(
-          ChildComponentReceivesEventFromParentKComponent(
+          ChildComponentReceivesEventFromParentComponent(
               controller = controller, textFromParent = "Version ${version.value}"))
       // end_update_prop
     }