From 46fe9d5bab1c9090c207e8294a67cdc2d3bc8228 Mon Sep 17 00:00:00 2001 From: Website Deployment Script Date: Tue, 21 Apr 2020 13:01:34 +0000 Subject: [PATCH] Deploy website Deploy website version based on cb506a0341f15940ee6b308ea345a6a5773e9e31 --- docs/0.10/getting-started.html | 4 +- docs/0.10/getting-started/index.html | 4 +- docs/0.10/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.11/getting-started.html | 4 +- docs/0.11/getting-started/index.html | 4 +- docs/0.11/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.12/getting-started.html | 4 +- docs/0.12/getting-started/index.html | 4 +- docs/0.12/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.13/getting-started.html | 4 +- docs/0.13/getting-started/index.html | 4 +- docs/0.13/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.14/getting-started.html | 4 +- docs/0.14/getting-started/index.html | 4 +- docs/0.14/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.15/getting-started.html | 4 +- docs/0.15/getting-started/index.html | 4 +- docs/0.15/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.16/getting-started.html | 4 +- docs/0.16/getting-started/index.html | 4 +- docs/0.16/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.17/getting-started.html | 4 +- docs/0.17/getting-started/index.html | 4 +- docs/0.17/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.18/getting-started.html | 4 +- docs/0.18/getting-started/index.html | 4 +- docs/0.18/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.19/getting-started.html | 4 +- docs/0.19/getting-started/index.html | 4 +- docs/0.19/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.19/navigatorios.html | 2 +- docs/0.19/navigatorios/index.html | 2 +- docs/0.19/progressbarandroid.html | 2 +- docs/0.19/progressbarandroid/index.html | 2 +- docs/0.20/getting-started.html | 4 +- docs/0.20/getting-started/index.html | 4 +- docs/0.20/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.20/navigatorios.html | 2 +- docs/0.20/navigatorios/index.html | 2 +- docs/0.20/progressbarandroid.html | 2 +- docs/0.20/progressbarandroid/index.html | 2 +- docs/0.21/getting-started.html | 4 +- docs/0.21/getting-started/index.html | 4 +- docs/0.21/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.21/navigatorios.html | 2 +- docs/0.21/navigatorios/index.html | 2 +- docs/0.21/progressbarandroid.html | 2 +- docs/0.21/progressbarandroid/index.html | 2 +- docs/0.22/getting-started.html | 4 +- docs/0.22/getting-started/index.html | 4 +- docs/0.22/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.22/navigatorios.html | 2 +- docs/0.22/navigatorios/index.html | 2 +- docs/0.22/progressbarandroid.html | 2 +- docs/0.22/progressbarandroid/index.html | 2 +- docs/0.23/getting-started.html | 4 +- docs/0.23/getting-started/index.html | 4 +- docs/0.23/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.23/navigatorios.html | 2 +- docs/0.23/navigatorios/index.html | 2 +- docs/0.23/progressbarandroid.html | 2 +- docs/0.23/progressbarandroid/index.html | 2 +- docs/0.24/getting-started.html | 4 +- docs/0.24/getting-started/index.html | 4 +- docs/0.24/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.24/navigatorios.html | 2 +- docs/0.24/navigatorios/index.html | 2 +- docs/0.24/progressbarandroid.html | 2 +- docs/0.24/progressbarandroid/index.html | 2 +- docs/0.25/getting-started.html | 4 +- docs/0.25/getting-started/index.html | 4 +- docs/0.25/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.25/navigatorios.html | 2 +- docs/0.25/navigatorios/index.html | 2 +- docs/0.25/progressbarandroid.html | 2 +- docs/0.25/progressbarandroid/index.html | 2 +- docs/0.26/getting-started.html | 4 +- docs/0.26/getting-started/index.html | 4 +- docs/0.26/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.26/navigatorios.html | 2 +- docs/0.26/navigatorios/index.html | 2 +- docs/0.26/pickerios.html | 2 +- docs/0.26/pickerios/index.html | 2 +- docs/0.27/getting-started.html | 4 +- docs/0.27/getting-started/index.html | 4 +- docs/0.27/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.27/navigatorios.html | 2 +- docs/0.27/navigatorios/index.html | 2 +- docs/0.27/pickerios.html | 2 +- docs/0.27/pickerios/index.html | 2 +- docs/0.28/getting-started.html | 4 +- docs/0.28/getting-started/index.html | 4 +- docs/0.28/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.28/navigatorios.html | 2 +- docs/0.28/navigatorios/index.html | 2 +- docs/0.28/pickerios.html | 2 +- docs/0.28/pickerios/index.html | 2 +- docs/0.29/getting-started.html | 4 +- docs/0.29/getting-started/index.html | 4 +- docs/0.29/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.29/navigatorios.html | 2 +- docs/0.29/navigatorios/index.html | 2 +- docs/0.29/pickerios.html | 2 +- docs/0.29/pickerios/index.html | 2 +- docs/0.30/getting-started.html | 4 +- docs/0.30/getting-started/index.html | 4 +- docs/0.30/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.30/navigatorios.html | 2 +- docs/0.30/navigatorios/index.html | 2 +- docs/0.30/pickerios.html | 2 +- docs/0.30/pickerios/index.html | 2 +- docs/0.31/getting-started.html | 4 +- docs/0.31/getting-started/index.html | 4 +- docs/0.31/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.31/navigatorios.html | 2 +- docs/0.31/navigatorios/index.html | 2 +- docs/0.31/pickerios.html | 2 +- docs/0.31/pickerios/index.html | 2 +- docs/0.32/getting-started.html | 4 +- docs/0.32/getting-started/index.html | 4 +- docs/0.32/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.32/navigatorios.html | 2 +- docs/0.32/navigatorios/index.html | 2 +- docs/0.32/pickerios.html | 2 +- docs/0.32/pickerios/index.html | 2 +- docs/0.33/getting-started.html | 4 +- docs/0.33/getting-started/index.html | 4 +- docs/0.33/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.33/navigatorios.html | 2 +- docs/0.33/navigatorios/index.html | 2 +- docs/0.33/pickerios.html | 2 +- docs/0.33/pickerios/index.html | 2 +- docs/0.34/getting-started.html | 4 +- docs/0.34/getting-started/index.html | 4 +- docs/0.34/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.34/navigatorios.html | 2 +- docs/0.34/navigatorios/index.html | 2 +- docs/0.34/pickerios.html | 2 +- docs/0.34/pickerios/index.html | 2 +- docs/0.35/getting-started.html | 4 +- docs/0.35/getting-started/index.html | 4 +- docs/0.35/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.35/navigatorios.html | 2 +- docs/0.35/navigatorios/index.html | 2 +- docs/0.35/pickerios.html | 2 +- docs/0.35/pickerios/index.html | 2 +- docs/0.36/getting-started.html | 4 +- docs/0.36/getting-started/index.html | 4 +- docs/0.36/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.36/navigatorios.html | 2 +- docs/0.36/navigatorios/index.html | 2 +- docs/0.36/pickerios.html | 2 +- docs/0.36/pickerios/index.html | 2 +- docs/0.37/getting-started.html | 4 +- docs/0.37/getting-started/index.html | 4 +- docs/0.37/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.37/navigatorios.html | 2 +- docs/0.37/navigatorios/index.html | 2 +- docs/0.37/pickerios.html | 2 +- docs/0.37/pickerios/index.html | 2 +- docs/0.38/getting-started.html | 4 +- docs/0.38/getting-started/index.html | 4 +- docs/0.38/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.38/navigatorios.html | 2 +- docs/0.38/navigatorios/index.html | 2 +- docs/0.38/pickerios.html | 2 +- docs/0.38/pickerios/index.html | 2 +- docs/0.39/getting-started.html | 4 +- docs/0.39/getting-started/index.html | 4 +- docs/0.39/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.39/navigatorios.html | 2 +- docs/0.39/navigatorios/index.html | 2 +- docs/0.39/pickerios.html | 2 +- docs/0.39/pickerios/index.html | 2 +- docs/0.40/getting-started.html | 4 +- docs/0.40/getting-started/index.html | 4 +- docs/0.40/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.40/navigatorios.html | 2 +- docs/0.40/navigatorios/index.html | 2 +- docs/0.40/pickerios.html | 2 +- docs/0.40/pickerios/index.html | 2 +- docs/0.41/getting-started.html | 4 +- docs/0.41/getting-started/index.html | 4 +- docs/0.41/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.41/navigatorios.html | 2 +- docs/0.41/navigatorios/index.html | 2 +- docs/0.41/pickerios.html | 2 +- docs/0.41/pickerios/index.html | 2 +- docs/0.42/getting-started.html | 4 +- docs/0.42/getting-started/index.html | 4 +- docs/0.42/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.42/navigatorios.html | 2 +- docs/0.42/navigatorios/index.html | 2 +- docs/0.42/pickerios.html | 2 +- docs/0.42/pickerios/index.html | 2 +- docs/0.43/getting-started.html | 4 +- docs/0.43/getting-started/index.html | 4 +- docs/0.43/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.43/navigatorios.html | 2 +- docs/0.43/navigatorios/index.html | 2 +- docs/0.43/pickerios.html | 2 +- docs/0.43/pickerios/index.html | 2 +- docs/0.44/getting-started.html | 4 +- docs/0.44/getting-started/index.html | 4 +- docs/0.44/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.44/navigatorios.html | 2 +- docs/0.44/navigatorios/index.html | 2 +- docs/0.44/pickerios.html | 2 +- docs/0.44/pickerios/index.html | 2 +- docs/0.45/getting-started.html | 4 +- docs/0.45/getting-started/index.html | 4 +- docs/0.45/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.45/navigatorios.html | 2 +- docs/0.45/navigatorios/index.html | 2 +- docs/0.45/pickerios.html | 2 +- docs/0.45/pickerios/index.html | 2 +- docs/0.46/getting-started.html | 4 +- docs/0.46/getting-started/index.html | 4 +- docs/0.46/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.46/navigatorios.html | 2 +- docs/0.46/navigatorios/index.html | 2 +- docs/0.46/pickerios.html | 2 +- docs/0.46/pickerios/index.html | 2 +- docs/0.47/getting-started.html | 4 +- docs/0.47/getting-started/index.html | 4 +- docs/0.47/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.47/navigatorios.html | 2 +- docs/0.47/navigatorios/index.html | 2 +- docs/0.47/pickerios.html | 2 +- docs/0.47/pickerios/index.html | 2 +- docs/0.48/getting-started.html | 4 +- docs/0.48/getting-started/index.html | 4 +- docs/0.48/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.48/navigatorios.html | 2 +- docs/0.48/navigatorios/index.html | 2 +- docs/0.48/pickerios.html | 2 +- docs/0.48/pickerios/index.html | 2 +- docs/0.49/getting-started.html | 4 +- docs/0.49/getting-started/index.html | 4 +- docs/0.49/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.49/navigatorios.html | 2 +- docs/0.49/navigatorios/index.html | 2 +- docs/0.49/pickerios.html | 2 +- docs/0.49/pickerios/index.html | 2 +- docs/0.5/getting-started.html | 4 +- docs/0.5/getting-started/index.html | 4 +- docs/0.5/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.50/getting-started.html | 4 +- docs/0.50/getting-started/index.html | 4 +- docs/0.50/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.50/navigatorios.html | 2 +- docs/0.50/navigatorios/index.html | 2 +- docs/0.50/pickerios.html | 2 +- docs/0.50/pickerios/index.html | 2 +- docs/0.51/getting-started.html | 4 +- docs/0.51/getting-started/index.html | 4 +- docs/0.51/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.51/navigatorios.html | 2 +- docs/0.51/navigatorios/index.html | 2 +- docs/0.51/pickerios.html | 2 +- docs/0.51/pickerios/index.html | 2 +- docs/0.52/getting-started.html | 4 +- docs/0.52/getting-started/index.html | 4 +- docs/0.52/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.52/navigatorios.html | 2 +- docs/0.52/navigatorios/index.html | 2 +- docs/0.52/pickerios.html | 2 +- docs/0.52/pickerios/index.html | 2 +- docs/0.53/getting-started.html | 4 +- docs/0.53/getting-started/index.html | 4 +- docs/0.53/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.53/navigatorios.html | 2 +- docs/0.53/navigatorios/index.html | 2 +- docs/0.53/pickerios.html | 2 +- docs/0.53/pickerios/index.html | 2 +- docs/0.54/getting-started.html | 4 +- docs/0.54/getting-started/index.html | 4 +- docs/0.54/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.54/navigatorios.html | 2 +- docs/0.54/navigatorios/index.html | 2 +- docs/0.54/pickerios.html | 2 +- docs/0.54/pickerios/index.html | 2 +- docs/0.55/getting-started.html | 4 +- docs/0.55/getting-started/index.html | 4 +- docs/0.55/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.55/navigatorios.html | 2 +- docs/0.55/navigatorios/index.html | 2 +- docs/0.55/pickerios.html | 2 +- docs/0.55/pickerios/index.html | 2 +- docs/0.56/getting-started.html | 4 +- docs/0.56/getting-started/index.html | 4 +- docs/0.56/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.56/navigatorios.html | 2 +- docs/0.56/navigatorios/index.html | 2 +- docs/0.56/pickerios.html | 2 +- docs/0.56/pickerios/index.html | 2 +- docs/0.57/getting-started.html | 4 +- docs/0.57/getting-started/index.html | 4 +- docs/0.57/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.57/navigatorios.html | 2 +- docs/0.57/navigatorios/index.html | 2 +- docs/0.57/pickerios.html | 2 +- docs/0.57/pickerios/index.html | 2 +- docs/0.58/getting-started.html | 4 +- docs/0.58/getting-started/index.html | 4 +- docs/0.58/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.58/navigatorios.html | 2 +- docs/0.58/navigatorios/index.html | 2 +- docs/0.58/pickerios.html | 2 +- docs/0.58/pickerios/index.html | 2 +- docs/0.59/getting-started.html | 4 +- docs/0.59/getting-started/index.html | 4 +- docs/0.59/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.59/modal.html | 2 +- docs/0.59/modal/index.html | 2 +- docs/0.59/pickerios.html | 2 +- docs/0.59/pickerios/index.html | 2 +- docs/0.6/getting-started.html | 4 +- docs/0.6/getting-started/index.html | 4 +- docs/0.6/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.60/getting-started.html | 4 +- docs/0.60/getting-started/index.html | 4 +- docs/0.60/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.60/modal.html | 2 +- docs/0.60/modal/index.html | 2 +- docs/0.60/pickerios.html | 2 +- docs/0.60/pickerios/index.html | 2 +- docs/0.61/getting-started.html | 4 +- docs/0.61/getting-started/index.html | 4 +- docs/0.61/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.61/modal.html | 2 +- docs/0.61/modal/index.html | 2 +- docs/0.61/pickerios.html | 6 +- docs/0.61/pickerios/index.html | 6 +- docs/0.7/getting-started.html | 4 +- docs/0.7/getting-started/index.html | 4 +- docs/0.7/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.8/getting-started.html | 4 +- docs/0.8/getting-started/index.html | 4 +- docs/0.8/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/0.9/getting-started.html | 4 +- docs/0.9/getting-started/index.html | 4 +- docs/0.9/intro-react-native-components.html | 106 ++++++++++++++++++ .../intro-react-native-components/index.html | 106 ++++++++++++++++++ docs/accessibilityinfo.html | 2 +- docs/accessibilityinfo/index.html | 2 +- docs/actionsheetios.html | 2 +- docs/actionsheetios/index.html | 2 +- docs/activityindicator.html | 2 +- docs/activityindicator/index.html | 2 +- docs/alert.html | 2 +- docs/alert/index.html | 2 +- docs/animated.html | 2 +- docs/animated/index.html | 2 +- docs/appearance.html | 2 +- docs/appearance/index.html | 2 +- docs/appregistry.html | 2 +- docs/appregistry/index.html | 2 +- docs/appstate.html | 2 +- docs/appstate/index.html | 2 +- docs/backhandler.html | 2 +- docs/backhandler/index.html | 2 +- docs/button.html | 2 +- docs/button/index.html | 2 +- docs/components-and-apis.html | 2 +- docs/components-and-apis/index.html | 2 +- docs/devsettings.html | 2 +- docs/devsettings/index.html | 2 +- docs/dimensions.html | 2 +- docs/dimensions/index.html | 2 +- docs/drawerlayoutandroid.html | 2 +- docs/drawerlayoutandroid/index.html | 2 +- docs/easing.html | 2 +- docs/easing/index.html | 2 +- docs/environment-setup.html | 4 +- docs/environment-setup/index.html | 4 +- docs/flatlist.html | 2 +- docs/flatlist/index.html | 2 +- docs/image-style-props.html | 2 +- docs/image-style-props/index.html | 2 +- docs/image.html | 2 +- docs/image/index.html | 2 +- docs/imagebackground.html | 2 +- docs/imagebackground/index.html | 2 +- docs/inputaccessoryview.html | 2 +- docs/inputaccessoryview/index.html | 2 +- docs/interactionmanager.html | 2 +- docs/interactionmanager/index.html | 2 +- docs/intro-react.html | 2 +- docs/intro-react/index.html | 2 +- docs/keyboard.html | 2 +- docs/keyboard/index.html | 2 +- docs/keyboardavoidingview.html | 2 +- docs/keyboardavoidingview/index.html | 2 +- docs/layout-props.html | 2 +- docs/layout-props/index.html | 2 +- docs/layoutanimation.html | 2 +- docs/layoutanimation/index.html | 2 +- docs/linking.html | 2 +- docs/linking/index.html | 2 +- docs/modal.html | 4 +- docs/modal/index.html | 4 +- docs/network.html | 4 +- docs/network/index.html | 4 +- docs/next/accessibilityinfo.html | 2 +- docs/next/accessibilityinfo/index.html | 2 +- docs/next/actionsheetios.html | 2 +- docs/next/actionsheetios/index.html | 2 +- docs/next/activityindicator.html | 2 +- docs/next/activityindicator/index.html | 2 +- docs/next/alert.html | 2 +- docs/next/alert/index.html | 2 +- docs/next/animated.html | 2 +- docs/next/animated/index.html | 2 +- docs/next/appearance.html | 2 +- docs/next/appearance/index.html | 2 +- docs/next/appregistry.html | 2 +- docs/next/appregistry/index.html | 2 +- docs/next/appstate.html | 2 +- docs/next/appstate/index.html | 2 +- docs/next/backhandler.html | 2 +- docs/next/backhandler/index.html | 2 +- docs/next/button.html | 2 +- docs/next/button/index.html | 2 +- docs/next/components-and-apis.html | 2 +- docs/next/components-and-apis/index.html | 2 +- docs/next/devsettings.html | 2 +- docs/next/devsettings/index.html | 2 +- docs/next/dimensions.html | 2 +- docs/next/dimensions/index.html | 2 +- docs/next/drawerlayoutandroid.html | 2 +- docs/next/drawerlayoutandroid/index.html | 2 +- docs/next/dynamiccolorios.html | 2 +- docs/next/dynamiccolorios/index.html | 2 +- docs/next/easing.html | 2 +- docs/next/easing/index.html | 2 +- docs/next/flatlist.html | 2 +- docs/next/flatlist/index.html | 2 +- docs/next/image-style-props.html | 2 +- docs/next/image-style-props/index.html | 2 +- docs/next/image.html | 2 +- docs/next/image/index.html | 2 +- docs/next/imagebackground.html | 2 +- docs/next/imagebackground/index.html | 2 +- docs/next/inputaccessoryview.html | 2 +- docs/next/inputaccessoryview/index.html | 2 +- docs/next/interactionmanager.html | 2 +- docs/next/interactionmanager/index.html | 2 +- docs/next/keyboard.html | 2 +- docs/next/keyboard/index.html | 2 +- docs/next/keyboardavoidingview.html | 2 +- docs/next/keyboardavoidingview/index.html | 2 +- docs/next/layout-props.html | 2 +- docs/next/layout-props/index.html | 2 +- docs/next/layoutanimation.html | 2 +- docs/next/layoutanimation/index.html | 2 +- docs/next/linking.html | 2 +- docs/next/linking/index.html | 2 +- docs/next/modal.html | 4 +- docs/next/modal/index.html | 4 +- docs/next/network.html | 4 +- docs/next/network/index.html | 4 +- docs/next/panresponder.html | 2 +- docs/next/panresponder/index.html | 2 +- docs/next/permissionsandroid.html | 2 +- docs/next/permissionsandroid/index.html | 2 +- docs/next/picker.html | 65 +---------- docs/next/picker/index.html | 65 +---------- docs/next/pickerios.html | 4 +- docs/next/pickerios/index.html | 4 +- docs/next/pixelratio.html | 2 +- docs/next/pixelratio/index.html | 2 +- docs/next/platformcolor.html | 2 +- docs/next/platformcolor/index.html | 2 +- docs/next/refreshcontrol.html | 4 +- docs/next/refreshcontrol/index.html | 4 +- docs/next/safeareaview.html | 2 +- docs/next/safeareaview/index.html | 2 +- docs/next/scrollview.html | 2 +- docs/next/scrollview/index.html | 2 +- docs/next/sectionlist.html | 2 +- docs/next/sectionlist/index.html | 2 +- docs/next/settings.html | 2 +- docs/next/settings/index.html | 2 +- docs/next/shadow-props.html | 2 +- docs/next/shadow-props/index.html | 2 +- docs/next/share.html | 2 +- docs/next/share/index.html | 2 +- docs/next/statusbar.html | 2 +- docs/next/statusbar/index.html | 2 +- docs/next/stylesheet.html | 2 +- docs/next/stylesheet/index.html | 2 +- docs/next/switch.html | 2 +- docs/next/switch/index.html | 2 +- docs/next/systrace.html | 2 +- docs/next/systrace/index.html | 2 +- docs/next/text-style-props.html | 2 +- docs/next/text-style-props/index.html | 2 +- docs/next/text.html | 2 +- docs/next/text/index.html | 2 +- docs/next/textinput.html | 2 +- docs/next/textinput/index.html | 2 +- docs/next/toastandroid.html | 2 +- docs/next/toastandroid/index.html | 2 +- docs/next/touchablehighlight.html | 2 +- docs/next/touchablehighlight/index.html | 2 +- docs/next/touchablenativefeedback.html | 2 +- docs/next/touchablenativefeedback/index.html | 2 +- docs/next/touchableopacity.html | 2 +- docs/next/touchableopacity/index.html | 2 +- docs/next/touchablewithoutfeedback.html | 2 +- docs/next/touchablewithoutfeedback/index.html | 2 +- docs/next/transforms.html | 2 +- docs/next/transforms/index.html | 2 +- docs/next/usecolorscheme.html | 2 +- docs/next/usecolorscheme/index.html | 2 +- docs/next/usewindowdimensions.html | 2 +- docs/next/usewindowdimensions/index.html | 2 +- docs/next/vibration.html | 2 +- docs/next/vibration/index.html | 2 +- docs/next/view-style-props.html | 2 +- docs/next/view-style-props/index.html | 2 +- docs/next/view.html | 2 +- docs/next/view/index.html | 2 +- docs/next/virtualizedlist.html | 2 +- docs/next/virtualizedlist/index.html | 2 +- docs/panresponder.html | 2 +- docs/panresponder/index.html | 2 +- docs/permissionsandroid.html | 2 +- docs/permissionsandroid/index.html | 2 +- docs/picker.html | 65 +---------- docs/picker/index.html | 65 +---------- docs/pickerios.html | 4 +- docs/pickerios/index.html | 4 +- docs/pixelratio.html | 2 +- docs/pixelratio/index.html | 2 +- docs/refreshcontrol.html | 4 +- docs/refreshcontrol/index.html | 4 +- docs/safeareaview.html | 2 +- docs/safeareaview/index.html | 2 +- docs/scrollview.html | 2 +- docs/scrollview/index.html | 2 +- docs/sectionlist.html | 2 +- docs/sectionlist/index.html | 2 +- docs/settings.html | 2 +- docs/settings/index.html | 2 +- docs/shadow-props.html | 2 +- docs/shadow-props/index.html | 2 +- docs/share.html | 2 +- docs/share/index.html | 2 +- docs/statusbar.html | 2 +- docs/statusbar/index.html | 2 +- docs/stylesheet.html | 2 +- docs/stylesheet/index.html | 2 +- docs/switch.html | 2 +- docs/switch/index.html | 2 +- docs/systrace.html | 2 +- docs/systrace/index.html | 2 +- docs/text-style-props.html | 2 +- docs/text-style-props/index.html | 2 +- docs/text.html | 2 +- docs/text/index.html | 2 +- docs/textinput.html | 2 +- docs/textinput/index.html | 2 +- docs/toastandroid.html | 2 +- docs/toastandroid/index.html | 2 +- docs/touchablehighlight.html | 2 +- docs/touchablehighlight/index.html | 2 +- docs/touchablenativefeedback.html | 2 +- docs/touchablenativefeedback/index.html | 2 +- docs/touchableopacity.html | 2 +- docs/touchableopacity/index.html | 2 +- docs/touchablewithoutfeedback.html | 2 +- docs/touchablewithoutfeedback/index.html | 2 +- docs/transforms.html | 2 +- docs/transforms/index.html | 2 +- docs/usecolorscheme.html | 2 +- docs/usecolorscheme/index.html | 2 +- docs/usewindowdimensions.html | 2 +- docs/usewindowdimensions/index.html | 2 +- docs/vibration.html | 2 +- docs/vibration/index.html | 2 +- docs/view-style-props.html | 2 +- docs/view-style-props/index.html | 2 +- docs/view.html | 2 +- docs/view/index.html | 2 +- docs/virtualizedlist.html | 2 +- docs/virtualizedlist/index.html | 2 +- sitemap.xml | 2 +- 645 files changed, 12771 insertions(+), 899 deletions(-) create mode 100644 docs/0.10/intro-react-native-components.html create mode 100644 docs/0.10/intro-react-native-components/index.html create mode 100644 docs/0.11/intro-react-native-components.html create mode 100644 docs/0.11/intro-react-native-components/index.html create mode 100644 docs/0.12/intro-react-native-components.html create mode 100644 docs/0.12/intro-react-native-components/index.html create mode 100644 docs/0.13/intro-react-native-components.html create mode 100644 docs/0.13/intro-react-native-components/index.html create mode 100644 docs/0.14/intro-react-native-components.html create mode 100644 docs/0.14/intro-react-native-components/index.html create mode 100644 docs/0.15/intro-react-native-components.html create mode 100644 docs/0.15/intro-react-native-components/index.html create mode 100644 docs/0.16/intro-react-native-components.html create mode 100644 docs/0.16/intro-react-native-components/index.html create mode 100644 docs/0.17/intro-react-native-components.html create mode 100644 docs/0.17/intro-react-native-components/index.html create mode 100644 docs/0.18/intro-react-native-components.html create mode 100644 docs/0.18/intro-react-native-components/index.html create mode 100644 docs/0.19/intro-react-native-components.html create mode 100644 docs/0.19/intro-react-native-components/index.html create mode 100644 docs/0.20/intro-react-native-components.html create mode 100644 docs/0.20/intro-react-native-components/index.html create mode 100644 docs/0.21/intro-react-native-components.html create mode 100644 docs/0.21/intro-react-native-components/index.html create mode 100644 docs/0.22/intro-react-native-components.html create mode 100644 docs/0.22/intro-react-native-components/index.html create mode 100644 docs/0.23/intro-react-native-components.html create mode 100644 docs/0.23/intro-react-native-components/index.html create mode 100644 docs/0.24/intro-react-native-components.html create mode 100644 docs/0.24/intro-react-native-components/index.html create mode 100644 docs/0.25/intro-react-native-components.html create mode 100644 docs/0.25/intro-react-native-components/index.html create mode 100644 docs/0.26/intro-react-native-components.html create mode 100644 docs/0.26/intro-react-native-components/index.html create mode 100644 docs/0.27/intro-react-native-components.html create mode 100644 docs/0.27/intro-react-native-components/index.html create mode 100644 docs/0.28/intro-react-native-components.html create mode 100644 docs/0.28/intro-react-native-components/index.html create mode 100644 docs/0.29/intro-react-native-components.html create mode 100644 docs/0.29/intro-react-native-components/index.html create mode 100644 docs/0.30/intro-react-native-components.html create mode 100644 docs/0.30/intro-react-native-components/index.html create mode 100644 docs/0.31/intro-react-native-components.html create mode 100644 docs/0.31/intro-react-native-components/index.html create mode 100644 docs/0.32/intro-react-native-components.html create mode 100644 docs/0.32/intro-react-native-components/index.html create mode 100644 docs/0.33/intro-react-native-components.html create mode 100644 docs/0.33/intro-react-native-components/index.html create mode 100644 docs/0.34/intro-react-native-components.html create mode 100644 docs/0.34/intro-react-native-components/index.html create mode 100644 docs/0.35/intro-react-native-components.html create mode 100644 docs/0.35/intro-react-native-components/index.html create mode 100644 docs/0.36/intro-react-native-components.html create mode 100644 docs/0.36/intro-react-native-components/index.html create mode 100644 docs/0.37/intro-react-native-components.html create mode 100644 docs/0.37/intro-react-native-components/index.html create mode 100644 docs/0.38/intro-react-native-components.html create mode 100644 docs/0.38/intro-react-native-components/index.html create mode 100644 docs/0.39/intro-react-native-components.html create mode 100644 docs/0.39/intro-react-native-components/index.html create mode 100644 docs/0.40/intro-react-native-components.html create mode 100644 docs/0.40/intro-react-native-components/index.html create mode 100644 docs/0.41/intro-react-native-components.html create mode 100644 docs/0.41/intro-react-native-components/index.html create mode 100644 docs/0.42/intro-react-native-components.html create mode 100644 docs/0.42/intro-react-native-components/index.html create mode 100644 docs/0.43/intro-react-native-components.html create mode 100644 docs/0.43/intro-react-native-components/index.html create mode 100644 docs/0.44/intro-react-native-components.html create mode 100644 docs/0.44/intro-react-native-components/index.html create mode 100644 docs/0.45/intro-react-native-components.html create mode 100644 docs/0.45/intro-react-native-components/index.html create mode 100644 docs/0.46/intro-react-native-components.html create mode 100644 docs/0.46/intro-react-native-components/index.html create mode 100644 docs/0.47/intro-react-native-components.html create mode 100644 docs/0.47/intro-react-native-components/index.html create mode 100644 docs/0.48/intro-react-native-components.html create mode 100644 docs/0.48/intro-react-native-components/index.html create mode 100644 docs/0.49/intro-react-native-components.html create mode 100644 docs/0.49/intro-react-native-components/index.html create mode 100644 docs/0.5/intro-react-native-components.html create mode 100644 docs/0.5/intro-react-native-components/index.html create mode 100644 docs/0.50/intro-react-native-components.html create mode 100644 docs/0.50/intro-react-native-components/index.html create mode 100644 docs/0.51/intro-react-native-components.html create mode 100644 docs/0.51/intro-react-native-components/index.html create mode 100644 docs/0.52/intro-react-native-components.html create mode 100644 docs/0.52/intro-react-native-components/index.html create mode 100644 docs/0.53/intro-react-native-components.html create mode 100644 docs/0.53/intro-react-native-components/index.html create mode 100644 docs/0.54/intro-react-native-components.html create mode 100644 docs/0.54/intro-react-native-components/index.html create mode 100644 docs/0.55/intro-react-native-components.html create mode 100644 docs/0.55/intro-react-native-components/index.html create mode 100644 docs/0.56/intro-react-native-components.html create mode 100644 docs/0.56/intro-react-native-components/index.html create mode 100644 docs/0.57/intro-react-native-components.html create mode 100644 docs/0.57/intro-react-native-components/index.html create mode 100644 docs/0.58/intro-react-native-components.html create mode 100644 docs/0.58/intro-react-native-components/index.html create mode 100644 docs/0.59/intro-react-native-components.html create mode 100644 docs/0.59/intro-react-native-components/index.html create mode 100644 docs/0.6/intro-react-native-components.html create mode 100644 docs/0.6/intro-react-native-components/index.html create mode 100644 docs/0.60/intro-react-native-components.html create mode 100644 docs/0.60/intro-react-native-components/index.html create mode 100644 docs/0.61/intro-react-native-components.html create mode 100644 docs/0.61/intro-react-native-components/index.html create mode 100644 docs/0.7/intro-react-native-components.html create mode 100644 docs/0.7/intro-react-native-components/index.html create mode 100644 docs/0.8/intro-react-native-components.html create mode 100644 docs/0.8/intro-react-native-components/index.html create mode 100644 docs/0.9/intro-react-native-components.html create mode 100644 docs/0.9/intro-react-native-components/index.html diff --git a/docs/0.10/getting-started.html b/docs/0.10/getting-started.html index f5ad1e370fd..d5ddd51d77b 100644 --- a/docs/0.10/getting-started.html +++ b/docs/0.10/getting-started.html @@ -290,9 +290,9 @@

Watchman

-

Follow the Watchman installation guide to compile and install Watchman from source.

+

Follow the Watchman installation guide to compile and install Watchman from source.

-

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

+

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

Creating a new application

diff --git a/docs/0.10/getting-started/index.html b/docs/0.10/getting-started/index.html index f5ad1e370fd..d5ddd51d77b 100644 --- a/docs/0.10/getting-started/index.html +++ b/docs/0.10/getting-started/index.html @@ -290,9 +290,9 @@

Watchman

-

Follow the Watchman installation guide to compile and install Watchman from source.

+

Follow the Watchman installation guide to compile and install Watchman from source.

-

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

+

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

Creating a new application

diff --git a/docs/0.10/intro-react-native-components.html b/docs/0.10/intro-react-native-components.html new file mode 100644 index 00000000000..b36ee7ce7db --- /dev/null +++ b/docs/0.10/intro-react-native-components.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.10

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.10/intro-react-native-components/index.html b/docs/0.10/intro-react-native-components/index.html new file mode 100644 index 00000000000..b36ee7ce7db --- /dev/null +++ b/docs/0.10/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.10

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.11/getting-started.html b/docs/0.11/getting-started.html index 7fa1dba4f5b..1c9c0ca37af 100644 --- a/docs/0.11/getting-started.html +++ b/docs/0.11/getting-started.html @@ -290,9 +290,9 @@

Watchman

-

Follow the Watchman installation guide to compile and install Watchman from source.

+

Follow the Watchman installation guide to compile and install Watchman from source.

-

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

+

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

Creating a new application

diff --git a/docs/0.11/getting-started/index.html b/docs/0.11/getting-started/index.html index 7fa1dba4f5b..1c9c0ca37af 100644 --- a/docs/0.11/getting-started/index.html +++ b/docs/0.11/getting-started/index.html @@ -290,9 +290,9 @@

Watchman

-

Follow the Watchman installation guide to compile and install Watchman from source.

+

Follow the Watchman installation guide to compile and install Watchman from source.

-

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

+

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

Creating a new application

diff --git a/docs/0.11/intro-react-native-components.html b/docs/0.11/intro-react-native-components.html new file mode 100644 index 00000000000..699333153a9 --- /dev/null +++ b/docs/0.11/intro-react-native-components.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.11

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.11/intro-react-native-components/index.html b/docs/0.11/intro-react-native-components/index.html new file mode 100644 index 00000000000..699333153a9 --- /dev/null +++ b/docs/0.11/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.11

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.12/getting-started.html b/docs/0.12/getting-started.html index 7057ee116d8..3d1fb80f12f 100644 --- a/docs/0.12/getting-started.html +++ b/docs/0.12/getting-started.html @@ -290,9 +290,9 @@

Watchman

-

Follow the Watchman installation guide to compile and install Watchman from source.

+

Follow the Watchman installation guide to compile and install Watchman from source.

-

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

+

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

Creating a new application

diff --git a/docs/0.12/getting-started/index.html b/docs/0.12/getting-started/index.html index 7057ee116d8..3d1fb80f12f 100644 --- a/docs/0.12/getting-started/index.html +++ b/docs/0.12/getting-started/index.html @@ -290,9 +290,9 @@

Watchman

-

Follow the Watchman installation guide to compile and install Watchman from source.

+

Follow the Watchman installation guide to compile and install Watchman from source.

-

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

+

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

Creating a new application

diff --git a/docs/0.12/intro-react-native-components.html b/docs/0.12/intro-react-native-components.html new file mode 100644 index 00000000000..2c06c8047ff --- /dev/null +++ b/docs/0.12/intro-react-native-components.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.12

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.12/intro-react-native-components/index.html b/docs/0.12/intro-react-native-components/index.html new file mode 100644 index 00000000000..2c06c8047ff --- /dev/null +++ b/docs/0.12/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.12

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.13/getting-started.html b/docs/0.13/getting-started.html index b4ac97b0c57..90e0eb5f720 100644 --- a/docs/0.13/getting-started.html +++ b/docs/0.13/getting-started.html @@ -290,9 +290,9 @@

Watchman

-

Follow the Watchman installation guide to compile and install Watchman from source.

+

Follow the Watchman installation guide to compile and install Watchman from source.

-

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

+

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

Creating a new application

diff --git a/docs/0.13/getting-started/index.html b/docs/0.13/getting-started/index.html index b4ac97b0c57..90e0eb5f720 100644 --- a/docs/0.13/getting-started/index.html +++ b/docs/0.13/getting-started/index.html @@ -290,9 +290,9 @@

Watchman

-

Follow the Watchman installation guide to compile and install Watchman from source.

+

Follow the Watchman installation guide to compile and install Watchman from source.

-

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

+

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

Creating a new application

diff --git a/docs/0.13/intro-react-native-components.html b/docs/0.13/intro-react-native-components.html new file mode 100644 index 00000000000..ecb41029b68 --- /dev/null +++ b/docs/0.13/intro-react-native-components.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.13

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.13/intro-react-native-components/index.html b/docs/0.13/intro-react-native-components/index.html new file mode 100644 index 00000000000..ecb41029b68 --- /dev/null +++ b/docs/0.13/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.13

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.14/getting-started.html b/docs/0.14/getting-started.html index 8fcfbfaaffe..09f4dd5cd51 100644 --- a/docs/0.14/getting-started.html +++ b/docs/0.14/getting-started.html @@ -290,9 +290,9 @@

Watchman

-

Follow the Watchman installation guide to compile and install Watchman from source.

+

Follow the Watchman installation guide to compile and install Watchman from source.

-

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

+

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

Creating a new application

diff --git a/docs/0.14/getting-started/index.html b/docs/0.14/getting-started/index.html index 8fcfbfaaffe..09f4dd5cd51 100644 --- a/docs/0.14/getting-started/index.html +++ b/docs/0.14/getting-started/index.html @@ -290,9 +290,9 @@

Watchman

-

Follow the Watchman installation guide to compile and install Watchman from source.

+

Follow the Watchman installation guide to compile and install Watchman from source.

-

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

+

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

Creating a new application

diff --git a/docs/0.14/intro-react-native-components.html b/docs/0.14/intro-react-native-components.html new file mode 100644 index 00000000000..62708e6e4a0 --- /dev/null +++ b/docs/0.14/intro-react-native-components.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.14

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.14/intro-react-native-components/index.html b/docs/0.14/intro-react-native-components/index.html new file mode 100644 index 00000000000..62708e6e4a0 --- /dev/null +++ b/docs/0.14/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.14

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.15/getting-started.html b/docs/0.15/getting-started.html index 8542707eb98..eff0242656c 100644 --- a/docs/0.15/getting-started.html +++ b/docs/0.15/getting-started.html @@ -290,9 +290,9 @@

Watchman

-

Follow the Watchman installation guide to compile and install Watchman from source.

+

Follow the Watchman installation guide to compile and install Watchman from source.

-

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

+

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

Creating a new application

diff --git a/docs/0.15/getting-started/index.html b/docs/0.15/getting-started/index.html index 8542707eb98..eff0242656c 100644 --- a/docs/0.15/getting-started/index.html +++ b/docs/0.15/getting-started/index.html @@ -290,9 +290,9 @@

Watchman

-

Follow the Watchman installation guide to compile and install Watchman from source.

+

Follow the Watchman installation guide to compile and install Watchman from source.

-

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

+

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

Creating a new application

diff --git a/docs/0.15/intro-react-native-components.html b/docs/0.15/intro-react-native-components.html new file mode 100644 index 00000000000..d83c7cfb355 --- /dev/null +++ b/docs/0.15/intro-react-native-components.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.15

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.15/intro-react-native-components/index.html b/docs/0.15/intro-react-native-components/index.html new file mode 100644 index 00000000000..d83c7cfb355 --- /dev/null +++ b/docs/0.15/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.15

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.16/getting-started.html b/docs/0.16/getting-started.html index b08e426d310..4a4c01764cf 100644 --- a/docs/0.16/getting-started.html +++ b/docs/0.16/getting-started.html @@ -290,9 +290,9 @@

Watchman

-

Follow the Watchman installation guide to compile and install Watchman from source.

+

Follow the Watchman installation guide to compile and install Watchman from source.

-

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

+

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

Creating a new application

diff --git a/docs/0.16/getting-started/index.html b/docs/0.16/getting-started/index.html index b08e426d310..4a4c01764cf 100644 --- a/docs/0.16/getting-started/index.html +++ b/docs/0.16/getting-started/index.html @@ -290,9 +290,9 @@

Watchman

-

Follow the Watchman installation guide to compile and install Watchman from source.

+

Follow the Watchman installation guide to compile and install Watchman from source.

-

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

+

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

Creating a new application

diff --git a/docs/0.16/intro-react-native-components.html b/docs/0.16/intro-react-native-components.html new file mode 100644 index 00000000000..24c21d28616 --- /dev/null +++ b/docs/0.16/intro-react-native-components.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.16

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.16/intro-react-native-components/index.html b/docs/0.16/intro-react-native-components/index.html new file mode 100644 index 00000000000..24c21d28616 --- /dev/null +++ b/docs/0.16/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.16

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.17/getting-started.html b/docs/0.17/getting-started.html index 863f129a20b..b30510a248f 100644 --- a/docs/0.17/getting-started.html +++ b/docs/0.17/getting-started.html @@ -290,9 +290,9 @@

Watchman

-

Follow the Watchman installation guide to compile and install Watchman from source.

+

Follow the Watchman installation guide to compile and install Watchman from source.

-

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

+

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

Creating a new application

diff --git a/docs/0.17/getting-started/index.html b/docs/0.17/getting-started/index.html index 863f129a20b..b30510a248f 100644 --- a/docs/0.17/getting-started/index.html +++ b/docs/0.17/getting-started/index.html @@ -290,9 +290,9 @@

Watchman

-

Follow the Watchman installation guide to compile and install Watchman from source.

+

Follow the Watchman installation guide to compile and install Watchman from source.

-

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

+

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

Creating a new application

diff --git a/docs/0.17/intro-react-native-components.html b/docs/0.17/intro-react-native-components.html new file mode 100644 index 00000000000..c2f601870e9 --- /dev/null +++ b/docs/0.17/intro-react-native-components.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.17

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.17/intro-react-native-components/index.html b/docs/0.17/intro-react-native-components/index.html new file mode 100644 index 00000000000..c2f601870e9 --- /dev/null +++ b/docs/0.17/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.17

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.18/getting-started.html b/docs/0.18/getting-started.html index 32bf9356f6c..29dcc093790 100644 --- a/docs/0.18/getting-started.html +++ b/docs/0.18/getting-started.html @@ -290,9 +290,9 @@

Watchman

-

Follow the Watchman installation guide to compile and install Watchman from source.

+

Follow the Watchman installation guide to compile and install Watchman from source.

-

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

+

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

Creating a new application

diff --git a/docs/0.18/getting-started/index.html b/docs/0.18/getting-started/index.html index 32bf9356f6c..29dcc093790 100644 --- a/docs/0.18/getting-started/index.html +++ b/docs/0.18/getting-started/index.html @@ -290,9 +290,9 @@

Watchman

-

Follow the Watchman installation guide to compile and install Watchman from source.

+

Follow the Watchman installation guide to compile and install Watchman from source.

-

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

+

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

Creating a new application

diff --git a/docs/0.18/intro-react-native-components.html b/docs/0.18/intro-react-native-components.html new file mode 100644 index 00000000000..7b0ec93bbc1 --- /dev/null +++ b/docs/0.18/intro-react-native-components.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.18

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.18/intro-react-native-components/index.html b/docs/0.18/intro-react-native-components/index.html new file mode 100644 index 00000000000..7b0ec93bbc1 --- /dev/null +++ b/docs/0.18/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.18

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.19/getting-started.html b/docs/0.19/getting-started.html index 2299b14cc84..6253d94db1f 100644 --- a/docs/0.19/getting-started.html +++ b/docs/0.19/getting-started.html @@ -290,9 +290,9 @@

Watchman

-

Follow the Watchman installation guide to compile and install Watchman from source.

+

Follow the Watchman installation guide to compile and install Watchman from source.

-

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

+

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

Creating a new application

diff --git a/docs/0.19/getting-started/index.html b/docs/0.19/getting-started/index.html index 2299b14cc84..6253d94db1f 100644 --- a/docs/0.19/getting-started/index.html +++ b/docs/0.19/getting-started/index.html @@ -290,9 +290,9 @@

Watchman

-

Follow the Watchman installation guide to compile and install Watchman from source.

+

Follow the Watchman installation guide to compile and install Watchman from source.

-

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

+

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

Creating a new application

diff --git a/docs/0.19/intro-react-native-components.html b/docs/0.19/intro-react-native-components.html new file mode 100644 index 00000000000..c396abb68b0 --- /dev/null +++ b/docs/0.19/intro-react-native-components.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.19

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.19/intro-react-native-components/index.html b/docs/0.19/intro-react-native-components/index.html new file mode 100644 index 00000000000..c396abb68b0 --- /dev/null +++ b/docs/0.19/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.19

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.19/navigatorios.html b/docs/0.19/navigatorios.html index 1ab30326b9a..21307568c44 100644 --- a/docs/0.19/navigatorios.html +++ b/docs/0.19/navigatorios.html @@ -295,7 +295,7 @@

renderNavigationStackItems()

renderNavigationStackItems();
-
← PreviousPicker →

0.20

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.20/intro-react-native-components/index.html b/docs/0.20/intro-react-native-components/index.html new file mode 100644 index 00000000000..604324f4352 --- /dev/null +++ b/docs/0.20/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.20

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.20/navigatorios.html b/docs/0.20/navigatorios.html index d5814b70f07..66eaccb61a4 100644 --- a/docs/0.20/navigatorios.html +++ b/docs/0.20/navigatorios.html @@ -295,7 +295,7 @@

renderNavigationStackItems()

renderNavigationStackItems();
-
← PreviousPicker →

0.21

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.21/intro-react-native-components/index.html b/docs/0.21/intro-react-native-components/index.html new file mode 100644 index 00000000000..4727a263884 --- /dev/null +++ b/docs/0.21/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.21

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.21/navigatorios.html b/docs/0.21/navigatorios.html index 89ecd4971b8..20ac70e7ab1 100644 --- a/docs/0.21/navigatorios.html +++ b/docs/0.21/navigatorios.html @@ -295,7 +295,7 @@

renderNavigationStackItems()

renderNavigationStackItems();
-
← PreviousPicker →

0.22

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.22/intro-react-native-components/index.html b/docs/0.22/intro-react-native-components/index.html new file mode 100644 index 00000000000..3c58ac6d51e --- /dev/null +++ b/docs/0.22/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.22

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.22/navigatorios.html b/docs/0.22/navigatorios.html index fbea77fe583..97962a54bb3 100644 --- a/docs/0.22/navigatorios.html +++ b/docs/0.22/navigatorios.html @@ -295,7 +295,7 @@

renderNavigationStackItems()

renderNavigationStackItems();
-
← PreviousPicker →

0.23

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.23/intro-react-native-components/index.html b/docs/0.23/intro-react-native-components/index.html new file mode 100644 index 00000000000..a594419f530 --- /dev/null +++ b/docs/0.23/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.23

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.23/navigatorios.html b/docs/0.23/navigatorios.html index 15837c2fd2a..a41848d2024 100644 --- a/docs/0.23/navigatorios.html +++ b/docs/0.23/navigatorios.html @@ -295,7 +295,7 @@

renderNavigationStackItems()

renderNavigationStackItems();
-
← PreviousPicker →

0.24

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.24/intro-react-native-components/index.html b/docs/0.24/intro-react-native-components/index.html new file mode 100644 index 00000000000..54ac72fc707 --- /dev/null +++ b/docs/0.24/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.24

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.24/navigatorios.html b/docs/0.24/navigatorios.html index 330fdb792b8..bbfdaaff65b 100644 --- a/docs/0.24/navigatorios.html +++ b/docs/0.24/navigatorios.html @@ -295,7 +295,7 @@

renderNavigationStackItems()

renderNavigationStackItems();
-
← PreviousPicker →

0.25

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.25/intro-react-native-components/index.html b/docs/0.25/intro-react-native-components/index.html new file mode 100644 index 00000000000..fd1475800a6 --- /dev/null +++ b/docs/0.25/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.25

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.25/navigatorios.html b/docs/0.25/navigatorios.html index 9e1ebd88e1e..4acd97e58e2 100644 --- a/docs/0.25/navigatorios.html +++ b/docs/0.25/navigatorios.html @@ -280,7 +280,7 @@ 
resetTo((route: object));

Replaces the top item and popToTop

-
← PreviousPicker →

0.26

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.26/intro-react-native-components/index.html b/docs/0.26/intro-react-native-components/index.html new file mode 100644 index 00000000000..3c384e2ff8b --- /dev/null +++ b/docs/0.26/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.26

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.26/navigatorios.html b/docs/0.26/navigatorios.html index 61dec4f8e0d..b907392ed12 100644 --- a/docs/0.26/navigatorios.html +++ b/docs/0.26/navigatorios.html @@ -280,7 +280,7 @@ 
resetTo((route: object));

Replaces the top item and popToTop

-
← PreviousPicker →

0.27

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.27/intro-react-native-components/index.html b/docs/0.27/intro-react-native-components/index.html new file mode 100644 index 00000000000..9a9bf1044c6 --- /dev/null +++ b/docs/0.27/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.27

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.27/navigatorios.html b/docs/0.27/navigatorios.html index 449ced0b375..8d41a6fe6a3 100644 --- a/docs/0.27/navigatorios.html +++ b/docs/0.27/navigatorios.html @@ -293,7 +293,7 @@ 
resetTo((route: object));

Replaces the top item and popToTop

-
← PreviousPicker →

0.28

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.28/intro-react-native-components/index.html b/docs/0.28/intro-react-native-components/index.html new file mode 100644 index 00000000000..f385a7dfcac --- /dev/null +++ b/docs/0.28/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.28

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.28/navigatorios.html b/docs/0.28/navigatorios.html index 811d640d534..adaf681ecc1 100644 --- a/docs/0.28/navigatorios.html +++ b/docs/0.28/navigatorios.html @@ -293,7 +293,7 @@ 
resetTo((route: object));

Replaces the top item and popToTop

-
← PreviousPicker →

0.29

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.29/intro-react-native-components/index.html b/docs/0.29/intro-react-native-components/index.html new file mode 100644 index 00000000000..db980ece001 --- /dev/null +++ b/docs/0.29/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.29

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.29/navigatorios.html b/docs/0.29/navigatorios.html index ef0be402a72..df127ad7dbe 100644 --- a/docs/0.29/navigatorios.html +++ b/docs/0.29/navigatorios.html @@ -453,7 +453,7 @@ render() { routeobjectYesThe new route that will replace the topmost item. -
← PreviousPicker →

0.30

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.30/intro-react-native-components/index.html b/docs/0.30/intro-react-native-components/index.html new file mode 100644 index 00000000000..56b324d7b0c --- /dev/null +++ b/docs/0.30/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.30

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.30/navigatorios.html b/docs/0.30/navigatorios.html index d5939715813..3d912cdadaa 100644 --- a/docs/0.30/navigatorios.html +++ b/docs/0.30/navigatorios.html @@ -453,7 +453,7 @@ render() { routeobjectYesThe new route that will replace the topmost item. -
← PreviousPicker →

0.31

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.31/intro-react-native-components/index.html b/docs/0.31/intro-react-native-components/index.html new file mode 100644 index 00000000000..f50af0204a4 --- /dev/null +++ b/docs/0.31/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.31

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.31/navigatorios.html b/docs/0.31/navigatorios.html index bed229ff2ea..34484c13308 100644 --- a/docs/0.31/navigatorios.html +++ b/docs/0.31/navigatorios.html @@ -453,7 +453,7 @@ render() { routeobjectYesThe new route that will replace the topmost item. -
← PreviousPicker →

0.32

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.32/intro-react-native-components/index.html b/docs/0.32/intro-react-native-components/index.html new file mode 100644 index 00000000000..b96103fdb0f --- /dev/null +++ b/docs/0.32/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.32

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.32/navigatorios.html b/docs/0.32/navigatorios.html index 3901d9ae6e8..4c4371d5cf4 100644 --- a/docs/0.32/navigatorios.html +++ b/docs/0.32/navigatorios.html @@ -453,7 +453,7 @@ render() { routeobjectYesThe new route that will replace the topmost item. -
← PreviousPicker →

0.33

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.33/intro-react-native-components/index.html b/docs/0.33/intro-react-native-components/index.html new file mode 100644 index 00000000000..9a9bc678038 --- /dev/null +++ b/docs/0.33/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.33

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.33/navigatorios.html b/docs/0.33/navigatorios.html index 103468851fb..a1c90d93d66 100644 --- a/docs/0.33/navigatorios.html +++ b/docs/0.33/navigatorios.html @@ -453,7 +453,7 @@ render() { routeobjectYesThe new route that will replace the topmost item. -
← PreviousPicker →

0.34

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.34/intro-react-native-components/index.html b/docs/0.34/intro-react-native-components/index.html new file mode 100644 index 00000000000..b0fe249d374 --- /dev/null +++ b/docs/0.34/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.34

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.34/navigatorios.html b/docs/0.34/navigatorios.html index e59e735b914..4e0d352b353 100644 --- a/docs/0.34/navigatorios.html +++ b/docs/0.34/navigatorios.html @@ -453,7 +453,7 @@ render() { routeobjectYesThe new route that will replace the topmost item. -
← PreviousPicker →

0.35

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.35/intro-react-native-components/index.html b/docs/0.35/intro-react-native-components/index.html new file mode 100644 index 00000000000..0d46d7067b8 --- /dev/null +++ b/docs/0.35/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.35

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.35/navigatorios.html b/docs/0.35/navigatorios.html index c1c40b90496..9c63c57eff1 100644 --- a/docs/0.35/navigatorios.html +++ b/docs/0.35/navigatorios.html @@ -453,7 +453,7 @@ render() { routeobjectYesThe new route that will replace the topmost item. -
← PreviousPicker →

0.36

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.36/intro-react-native-components/index.html b/docs/0.36/intro-react-native-components/index.html new file mode 100644 index 00000000000..bdc9c8ada99 --- /dev/null +++ b/docs/0.36/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.36

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.36/navigatorios.html b/docs/0.36/navigatorios.html index a51917d1f72..693ced1324c 100644 --- a/docs/0.36/navigatorios.html +++ b/docs/0.36/navigatorios.html @@ -453,7 +453,7 @@ render() { routeobjectYesThe new route that will replace the topmost item. -
← PreviousPicker →

0.37

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.37/intro-react-native-components/index.html b/docs/0.37/intro-react-native-components/index.html new file mode 100644 index 00000000000..1f6baf03920 --- /dev/null +++ b/docs/0.37/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.37

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.37/navigatorios.html b/docs/0.37/navigatorios.html index 6ed742d2ce4..8128be98971 100644 --- a/docs/0.37/navigatorios.html +++ b/docs/0.37/navigatorios.html @@ -448,7 +448,7 @@ render() { routeobjectYesThe new route that will replace the topmost item. -
← PreviousPicker →

0.38

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.38/intro-react-native-components/index.html b/docs/0.38/intro-react-native-components/index.html new file mode 100644 index 00000000000..c6aaea06393 --- /dev/null +++ b/docs/0.38/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.38

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.38/navigatorios.html b/docs/0.38/navigatorios.html index 594ab10942f..1d63b1f7821 100644 --- a/docs/0.38/navigatorios.html +++ b/docs/0.38/navigatorios.html @@ -448,7 +448,7 @@ render() { routeobjectYesThe new route that will replace the topmost item. -
← PreviousPicker →

0.39

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.39/intro-react-native-components/index.html b/docs/0.39/intro-react-native-components/index.html new file mode 100644 index 00000000000..57c22697544 --- /dev/null +++ b/docs/0.39/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.39

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.39/navigatorios.html b/docs/0.39/navigatorios.html index 5ee20d0dfa1..54a929de533 100644 --- a/docs/0.39/navigatorios.html +++ b/docs/0.39/navigatorios.html @@ -448,7 +448,7 @@ render() { routeobjectYesThe new route that will replace the topmost item. -
← PreviousPicker →

0.40

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.40/intro-react-native-components/index.html b/docs/0.40/intro-react-native-components/index.html new file mode 100644 index 00000000000..662b345e61d --- /dev/null +++ b/docs/0.40/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.40

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.40/navigatorios.html b/docs/0.40/navigatorios.html index 6c558190857..9211de88851 100644 --- a/docs/0.40/navigatorios.html +++ b/docs/0.40/navigatorios.html @@ -448,7 +448,7 @@ render() { routeobjectYesThe new route that will replace the topmost item. -
← PreviousPicker →

0.41

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.41/intro-react-native-components/index.html b/docs/0.41/intro-react-native-components/index.html new file mode 100644 index 00000000000..04130ec1e1c --- /dev/null +++ b/docs/0.41/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.41

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.41/navigatorios.html b/docs/0.41/navigatorios.html index 0cbe3888ec2..f803ae01e71 100644 --- a/docs/0.41/navigatorios.html +++ b/docs/0.41/navigatorios.html @@ -448,7 +448,7 @@ render() { routeobjectYesThe new route that will replace the topmost item. -
← PreviousPicker →

0.42

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.42/intro-react-native-components/index.html b/docs/0.42/intro-react-native-components/index.html new file mode 100644 index 00000000000..5e5b58e8e56 --- /dev/null +++ b/docs/0.42/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.42

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.42/navigatorios.html b/docs/0.42/navigatorios.html index b98aeb729cf..ad247608c5f 100644 --- a/docs/0.42/navigatorios.html +++ b/docs/0.42/navigatorios.html @@ -450,7 +450,7 @@ render() { routeobjectYesThe new route that will replace the topmost item. -
← PreviousPicker →

0.43

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.43/intro-react-native-components/index.html b/docs/0.43/intro-react-native-components/index.html new file mode 100644 index 00000000000..c8de7d7fa10 --- /dev/null +++ b/docs/0.43/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.43

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.43/navigatorios.html b/docs/0.43/navigatorios.html index 0c889330c3c..76ac3db553a 100644 --- a/docs/0.43/navigatorios.html +++ b/docs/0.43/navigatorios.html @@ -450,7 +450,7 @@ render() { routeobjectYesThe new route that will replace the topmost item. -
← PreviousPicker →

0.44

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.44/intro-react-native-components/index.html b/docs/0.44/intro-react-native-components/index.html new file mode 100644 index 00000000000..b40346d5e3c --- /dev/null +++ b/docs/0.44/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.44

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.44/navigatorios.html b/docs/0.44/navigatorios.html index 7d7e49b9ce7..1fc28776d69 100644 --- a/docs/0.44/navigatorios.html +++ b/docs/0.44/navigatorios.html @@ -448,7 +448,7 @@ render() { routeobjectYesThe new route that will replace the topmost item. -
← ModalPicker →

0.45

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.45/intro-react-native-components/index.html b/docs/0.45/intro-react-native-components/index.html new file mode 100644 index 00000000000..817eb94f5a6 --- /dev/null +++ b/docs/0.45/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.45

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.45/navigatorios.html b/docs/0.45/navigatorios.html index e0ace448df9..ba2661f001f 100644 --- a/docs/0.45/navigatorios.html +++ b/docs/0.45/navigatorios.html @@ -447,7 +447,7 @@ render() { routeobjectYesThe new route that will replace the topmost item. -
← ModalPicker →

0.46

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.46/intro-react-native-components/index.html b/docs/0.46/intro-react-native-components/index.html new file mode 100644 index 00000000000..afa6b420b98 --- /dev/null +++ b/docs/0.46/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.46

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.46/navigatorios.html b/docs/0.46/navigatorios.html index 35b15f982f5..587233d18fe 100644 --- a/docs/0.46/navigatorios.html +++ b/docs/0.46/navigatorios.html @@ -447,7 +447,7 @@ render() { routeobjectYesThe new route that will replace the topmost item. -
← ModalPicker →

0.47

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.47/intro-react-native-components/index.html b/docs/0.47/intro-react-native-components/index.html new file mode 100644 index 00000000000..e23abe2503b --- /dev/null +++ b/docs/0.47/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.47

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.47/navigatorios.html b/docs/0.47/navigatorios.html index 8ad0fe6a75e..d773eeadf7d 100644 --- a/docs/0.47/navigatorios.html +++ b/docs/0.47/navigatorios.html @@ -447,7 +447,7 @@ render() { routeobjectYesThe new route that will replace the topmost item. -
← ModalPicker →

0.48

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.48/intro-react-native-components/index.html b/docs/0.48/intro-react-native-components/index.html new file mode 100644 index 00000000000..1a95867423d --- /dev/null +++ b/docs/0.48/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.48

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.48/navigatorios.html b/docs/0.48/navigatorios.html index 8884ec588dd..fdf16b23c0d 100644 --- a/docs/0.48/navigatorios.html +++ b/docs/0.48/navigatorios.html @@ -447,7 +447,7 @@ render() { routeobjectYesThe new route that will replace the topmost item. -
← ModalPicker →

0.49

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.49/intro-react-native-components/index.html b/docs/0.49/intro-react-native-components/index.html new file mode 100644 index 00000000000..a0a14bf83c1 --- /dev/null +++ b/docs/0.49/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.49

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.49/navigatorios.html b/docs/0.49/navigatorios.html index d94f9721dc7..9f41714e37d 100644 --- a/docs/0.49/navigatorios.html +++ b/docs/0.49/navigatorios.html @@ -460,7 +460,7 @@ render() { routeobjectYesThe new route that will replace the topmost item. -
← ModalPicker →

0.5

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.5/intro-react-native-components/index.html b/docs/0.5/intro-react-native-components/index.html new file mode 100644 index 00000000000..66890e9cb0a --- /dev/null +++ b/docs/0.5/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.5

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.50/getting-started.html b/docs/0.50/getting-started.html index de57dd982ec..889f24f9c8b 100644 --- a/docs/0.50/getting-started.html +++ b/docs/0.50/getting-started.html @@ -290,9 +290,9 @@

Watchman

-

Follow the Watchman installation guide to compile and install Watchman from source.

+

Follow the Watchman installation guide to compile and install Watchman from source.

-

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

+

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

Creating a new application

diff --git a/docs/0.50/getting-started/index.html b/docs/0.50/getting-started/index.html index de57dd982ec..889f24f9c8b 100644 --- a/docs/0.50/getting-started/index.html +++ b/docs/0.50/getting-started/index.html @@ -290,9 +290,9 @@

Watchman

-

Follow the Watchman installation guide to compile and install Watchman from source.

+

Follow the Watchman installation guide to compile and install Watchman from source.

-

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

+

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

Creating a new application

diff --git a/docs/0.50/intro-react-native-components.html b/docs/0.50/intro-react-native-components.html new file mode 100644 index 00000000000..2be8c3be38e --- /dev/null +++ b/docs/0.50/intro-react-native-components.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.50

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.50/intro-react-native-components/index.html b/docs/0.50/intro-react-native-components/index.html new file mode 100644 index 00000000000..2be8c3be38e --- /dev/null +++ b/docs/0.50/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.50

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.50/navigatorios.html b/docs/0.50/navigatorios.html index b3b9f3169c1..999d5ba6fd0 100644 --- a/docs/0.50/navigatorios.html +++ b/docs/0.50/navigatorios.html @@ -460,7 +460,7 @@ render() { routeobjectYesThe new route that will replace the topmost item. -
← ModalPicker →

0.51

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.51/intro-react-native-components/index.html b/docs/0.51/intro-react-native-components/index.html new file mode 100644 index 00000000000..680d5626c3c --- /dev/null +++ b/docs/0.51/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.51

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.51/navigatorios.html b/docs/0.51/navigatorios.html index cc623464116..d2ca5363fb1 100644 --- a/docs/0.51/navigatorios.html +++ b/docs/0.51/navigatorios.html @@ -460,7 +460,7 @@ render() { routeobjectYesThe new route that will replace the topmost item. -
← ModalPicker →

0.52

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.52/intro-react-native-components/index.html b/docs/0.52/intro-react-native-components/index.html new file mode 100644 index 00000000000..e739674f179 --- /dev/null +++ b/docs/0.52/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.52

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.52/navigatorios.html b/docs/0.52/navigatorios.html index 1bb35be150a..ffcb2e19d91 100644 --- a/docs/0.52/navigatorios.html +++ b/docs/0.52/navigatorios.html @@ -460,7 +460,7 @@ render() { routeobjectYesThe new route that will replace the topmost item. -
← ModalPicker →

0.53

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.53/intro-react-native-components/index.html b/docs/0.53/intro-react-native-components/index.html new file mode 100644 index 00000000000..d8271580fcf --- /dev/null +++ b/docs/0.53/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.53

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.53/navigatorios.html b/docs/0.53/navigatorios.html index 8d12227e05c..9e53e7b8a50 100644 --- a/docs/0.53/navigatorios.html +++ b/docs/0.53/navigatorios.html @@ -460,7 +460,7 @@ render() { routeobjectYesThe new route that will replace the topmost item. -
← ModalPicker →

0.54

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.54/intro-react-native-components/index.html b/docs/0.54/intro-react-native-components/index.html new file mode 100644 index 00000000000..68f23fbf82a --- /dev/null +++ b/docs/0.54/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.54

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.54/navigatorios.html b/docs/0.54/navigatorios.html index 7f1b76d3bbc..f60747bf4a2 100644 --- a/docs/0.54/navigatorios.html +++ b/docs/0.54/navigatorios.html @@ -460,7 +460,7 @@ render() { routeobjectYesThe new route that will replace the topmost item. -
← ModalPicker →

0.55

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.55/intro-react-native-components/index.html b/docs/0.55/intro-react-native-components/index.html new file mode 100644 index 00000000000..b6283d774f7 --- /dev/null +++ b/docs/0.55/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.55

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.55/navigatorios.html b/docs/0.55/navigatorios.html index c6b89665061..8b36c9fbffc 100644 --- a/docs/0.55/navigatorios.html +++ b/docs/0.55/navigatorios.html @@ -460,7 +460,7 @@ render() { routeobjectYesThe new route that will replace the topmost item. -
← ModalPicker →

0.56

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.56/intro-react-native-components/index.html b/docs/0.56/intro-react-native-components/index.html new file mode 100644 index 00000000000..69b2bc2523e --- /dev/null +++ b/docs/0.56/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.56

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.56/navigatorios.html b/docs/0.56/navigatorios.html index c80034060b8..4e0696d3eca 100644 --- a/docs/0.56/navigatorios.html +++ b/docs/0.56/navigatorios.html @@ -462,7 +462,7 @@ render() { routeobjectYesThe new route that will replace the topmost item. -
← ModalPicker →

0.57

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.57/intro-react-native-components/index.html b/docs/0.57/intro-react-native-components/index.html new file mode 100644 index 00000000000..66059fdcadb --- /dev/null +++ b/docs/0.57/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.57

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.57/navigatorios.html b/docs/0.57/navigatorios.html index b15fcd504b0..34f0403f45c 100644 --- a/docs/0.57/navigatorios.html +++ b/docs/0.57/navigatorios.html @@ -461,7 +461,7 @@ render() { routeobjectYesThe new route that will replace the topmost item. -
← ModalPicker →

0.58

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.58/intro-react-native-components/index.html b/docs/0.58/intro-react-native-components/index.html new file mode 100644 index 00000000000..18f1be2b9c6 --- /dev/null +++ b/docs/0.58/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.58

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.58/navigatorios.html b/docs/0.58/navigatorios.html index 2efca8bc0b8..c48a5abde82 100644 --- a/docs/0.58/navigatorios.html +++ b/docs/0.58/navigatorios.html @@ -460,7 +460,7 @@ routeobjectYesThe new route that will replace the topmost item. -
← ModalPicker →

0.59

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.59/intro-react-native-components/index.html b/docs/0.59/intro-react-native-components/index.html new file mode 100644 index 00000000000..9b18ce3f3a2 --- /dev/null +++ b/docs/0.59/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.59

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.59/modal.html b/docs/0.59/modal.html index 09875c1d70a..b5d0691e577 100644 --- a/docs/0.59/modal.html +++ b/docs/0.59/modal.html @@ -262,7 +262,7 @@

animated

Deprecated. Use the animationType prop instead.

-
← PreviousPicker →

0.6

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.6/intro-react-native-components/index.html b/docs/0.6/intro-react-native-components/index.html new file mode 100644 index 00000000000..ece4c90bc22 --- /dev/null +++ b/docs/0.6/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.6

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.60/getting-started.html b/docs/0.60/getting-started.html index 29d166d7877..d216ac2daf0 100644 --- a/docs/0.60/getting-started.html +++ b/docs/0.60/getting-started.html @@ -283,9 +283,9 @@ brew cask install adoptopenjdk8

Watchman

-

Follow the Watchman installation guide to compile and install Watchman from source.

+

Follow the Watchman installation guide to compile and install Watchman from source.

-

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

+

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

React Native Command Line Interface

diff --git a/docs/0.60/getting-started/index.html b/docs/0.60/getting-started/index.html index 29d166d7877..d216ac2daf0 100644 --- a/docs/0.60/getting-started/index.html +++ b/docs/0.60/getting-started/index.html @@ -283,9 +283,9 @@ brew cask install adoptopenjdk8

Watchman

-

Follow the Watchman installation guide to compile and install Watchman from source.

+

Follow the Watchman installation guide to compile and install Watchman from source.

-

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

+

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

React Native Command Line Interface

diff --git a/docs/0.60/intro-react-native-components.html b/docs/0.60/intro-react-native-components.html new file mode 100644 index 00000000000..c34f4b275f1 --- /dev/null +++ b/docs/0.60/intro-react-native-components.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.60

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.60/intro-react-native-components/index.html b/docs/0.60/intro-react-native-components/index.html new file mode 100644 index 00000000000..c34f4b275f1 --- /dev/null +++ b/docs/0.60/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.60

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.60/modal.html b/docs/0.60/modal.html index 0d9934c14ec..b7a4b249b04 100644 --- a/docs/0.60/modal.html +++ b/docs/0.60/modal.html @@ -250,7 +250,7 @@

Deprecated. Use the animationType prop instead.

-
← PreviousPicker →

0.61

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.61/intro-react-native-components/index.html b/docs/0.61/intro-react-native-components/index.html new file mode 100644 index 00000000000..042df3226d5 --- /dev/null +++ b/docs/0.61/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.61

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.61/modal.html b/docs/0.61/modal.html index a975ffe348d..1b8afd3aa75 100644 --- a/docs/0.61/modal.html +++ b/docs/0.61/modal.html @@ -250,7 +250,7 @@

Deprecated. Use the animationType prop instead.

-
← PreviousPicker →
Edit

🚧 PickerIOS

← Picker🚧 ProgressBarAndroid →
Edit

🚧 PickerIOS

← Picker🚧 ProgressBarAndroid →

0.7

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.7/intro-react-native-components/index.html b/docs/0.7/intro-react-native-components/index.html new file mode 100644 index 00000000000..174948382b0 --- /dev/null +++ b/docs/0.7/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.7

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.8/getting-started.html b/docs/0.8/getting-started.html index 0697b4454b3..636af70a6d2 100644 --- a/docs/0.8/getting-started.html +++ b/docs/0.8/getting-started.html @@ -290,9 +290,9 @@

Watchman

-

Follow the Watchman installation guide to compile and install Watchman from source.

+

Follow the Watchman installation guide to compile and install Watchman from source.

-

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

+

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

Creating a new application

diff --git a/docs/0.8/getting-started/index.html b/docs/0.8/getting-started/index.html index 0697b4454b3..636af70a6d2 100644 --- a/docs/0.8/getting-started/index.html +++ b/docs/0.8/getting-started/index.html @@ -290,9 +290,9 @@

Watchman

-

Follow the Watchman installation guide to compile and install Watchman from source.

+

Follow the Watchman installation guide to compile and install Watchman from source.

-

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

+

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

Creating a new application

diff --git a/docs/0.8/intro-react-native-components.html b/docs/0.8/intro-react-native-components.html new file mode 100644 index 00000000000..a35175e466a --- /dev/null +++ b/docs/0.8/intro-react-native-components.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.8

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.8/intro-react-native-components/index.html b/docs/0.8/intro-react-native-components/index.html new file mode 100644 index 00000000000..a35175e466a --- /dev/null +++ b/docs/0.8/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.8

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.9/getting-started.html b/docs/0.9/getting-started.html index 6d4a808688c..d13ecbaea21 100644 --- a/docs/0.9/getting-started.html +++ b/docs/0.9/getting-started.html @@ -290,9 +290,9 @@

Watchman

-

Follow the Watchman installation guide to compile and install Watchman from source.

+

Follow the Watchman installation guide to compile and install Watchman from source.

-

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

+

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

Creating a new application

diff --git a/docs/0.9/getting-started/index.html b/docs/0.9/getting-started/index.html index 6d4a808688c..d13ecbaea21 100644 --- a/docs/0.9/getting-started/index.html +++ b/docs/0.9/getting-started/index.html @@ -290,9 +290,9 @@

Watchman

-

Follow the Watchman installation guide to compile and install Watchman from source.

+

Follow the Watchman installation guide to compile and install Watchman from source.

-

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

+

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).

Creating a new application

diff --git a/docs/0.9/intro-react-native-components.html b/docs/0.9/intro-react-native-components.html new file mode 100644 index 00000000000..20584372f60 --- /dev/null +++ b/docs/0.9/intro-react-native-components.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.9

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/0.9/intro-react-native-components/index.html b/docs/0.9/intro-react-native-components/index.html new file mode 100644 index 00000000000..20584372f60 --- /dev/null +++ b/docs/0.9/intro-react-native-components/index.html @@ -0,0 +1,106 @@ +Core Components and Native Components · React Native

0.9

Edit

Core Components and Native Components

React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.

+

Views and mobile development

+

In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!

+
+ Diagram of Android and iOS app showing them both built on top of atomic elements called views. +
Just a sampling of the many views used in Android and iOS apps.
+
+

Native Components

+

In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.

+

React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.

+

React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.

+

Core Components

+

React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:

+ + + + + + + + + + + +
React Native UI ComponentAndroid ViewiOS ViewWeb AnalogDescription
<View><ViewGroup><UIView>A non-scrollling <div>A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text><TextView><UITextView><p>Displays, styles, and nests strings of text and even handles touch events
<Image><ImageView><UIImageView><img>Displays different types of images
<ScrollView><ScrollView><UIScrollView><div>A generic scrolling container that can contain multiple components and views
<TextInput><EditText><UITextField><input type="text">Allows the user to enter text
+

In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!

+
+

Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.

+

A diagram showing React Native's Core Components are a subset of React Components that ship with React Native.

+
\ No newline at end of file diff --git a/docs/accessibilityinfo.html b/docs/accessibilityinfo.html index 2b20c2bcfe8..28a83751bcc 100644 --- a/docs/accessibilityinfo.html +++ b/docs/accessibilityinfo.html @@ -12,7 +12,7 @@ {"zIndex":100} ) }); -

0.62