You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
This will copy the `package.json`[file from the Community template](https://github.com/react-native-community/template/blob/0.75-stable/template/package.json) to your project.
@@ -53,7 +53,7 @@ yarn install
53
53
</TabItem>
54
54
</Tabs>
55
55
56
-
Installation process has created a new `/node_modules` folder. This folder stores all the JavaScript dependencies required to build your project.
56
+
Installation process has created a new `node_modules` folder. This folder stores all the JavaScript dependencies required to build your project.
57
57
58
58
Add `node_modules/` to your `.gitignore` file (here the [Community default one](https://github.com/react-native-community/template/blob/0.75-stable/template/_gitignore)).
Then, let's create a`App.tsx` file. This is a TypeScript file that will contain the React Native component that we will integrate into our Android application.
187
+
Let's create an`App.tsx` file. This is a [TypeScript](https://www.typescriptlang.org/) file that can have [JSX](<https://en.wikipedia.org/wiki/JSX_(JavaScript)>) expressions. It contains the root React Native component that we will integrate into our Android application ([link](https://github.com/react-native-community/template/blob/0.76-stable/template/App.tsx)):
188
188
189
189
```tsx
190
190
importReactfrom'react';
@@ -447,7 +447,7 @@ Now your activity is ready to run some JavaScript code.
447
447
448
448
## 6. Test your integration
449
449
450
-
You have now done all the basic steps to integrate React Native with your current application. Now we will start the [Metro bundler](https://metrobundler.dev/) to build the TypeScript code of your application and have the server running on localhost to serve it.
450
+
You have completed all the basic steps to integrate React Native with your application. Now we will start the [Metro bundler](https://metrobundler.dev/) to build your TypeScript application code into a bundle. Metro's HTTP server shares the bundle from `localhost`on your developer environment to a simulator or device. This allows for [hot reloading](https://reactnative.dev/blog/2016/03/24/introducing-hot-reloading).
451
451
452
452
First, you need to create a `metro.config.js` file in the root of your project as follows:
453
453
@@ -481,7 +481,7 @@ Now build and run your Android app as normal.
481
481
482
482
Once you reach your React-powered Activity inside the app, it should load the JavaScript code from the development server and display:
0 commit comments