Fix workflows and monorepo deps

* Remove 'react' packages from monorepo dependencies.
* Ensure 'react-native-web' package is built first.

Author: necolas

.codesandbox/ci.json

@@ -1,6 +1,6 @@
 {
   "packages": ["packages/react-native-web", "packages/babel-plugin-react-native-web"],
-  "buildCommand": "compile",
+  "buildCommand": "build",
   "sandboxes": ["/packages/react-native-web-examples/"],
   "node": "16"
 }

.github/CONTRIBUTING.md

@@ -14,7 +14,7 @@ Fork, then clone the repo:
 git clone https://github.com/your-username/react-native-web.git
 ```
 
-Install dependencies (requires Node.js >= 14.0):
+Install dependencies (requires Node.js >= 16.0):
 
 ```
 npm install
@@ -86,7 +86,7 @@ Run all the automated tests:
 npm run test
 ```
 
-### New Features
+## New Features
 
 Please open an issue with a proposal for a new feature or refactoring before starting on the work. We don't want you to waste your efforts on a pull request that we won't want to accept.
 

.github/workflows/performance.yml

@@ -9,7 +9,7 @@ jobs:
     - uses: actions/checkout@v2
     - uses: necolas/compressed-size-action@master
       with:
-        build-script: "build -w react-native-web"
+        build-script: "compile"
         exclude: "./packages/react-native-web/dist/cjs/{index.js,**/*.js}"
         pattern: "./packages/react-native-web/dist/{index.js,**/*.js}"
         repo-token: "${{ secrets.GITHUB_TOKEN }}"

.github/workflows/react-integration.yml

@@ -12,9 +12,9 @@ jobs:
     - uses: actions/checkout@v2
     - uses: actions/setup-node@v1
       with:
-        node-version: '14.x'
+        node-version: '16.x'
     - run: npm install
-    # Install next-tagged versions
-    - run: npm update react@next react-dom@next
-    # Only run the unit tests
+    # Update react-native-web to use react@next
+    - run: npm update react@next react-dom@next -w react-native-web
+    # Run the unit tests
     - run: npm run unit

.github/workflows/tests.yml

@@ -14,7 +14,7 @@ jobs:
     - uses: actions/checkout@v2
     - uses: actions/setup-node@v1
       with:
-        node-version: '14.x'
+        node-version: '16.x'
     - run: npm install
     - run: npm run format
 
@@ -24,7 +24,7 @@ jobs:
     - uses: actions/checkout@v2
     - uses: actions/setup-node@v1
       with:
-        node-version: '14.x'
+        node-version: '16.x'
     - run: npm install
     - run: npm run flow
 
@@ -34,7 +34,7 @@ jobs:
     - uses: actions/checkout@v2
     - uses: actions/setup-node@v1
       with:
-        node-version: '14.x'
+        node-version: '16.x'
     - run: npm install
     - run: npm run lint
 
@@ -44,6 +44,6 @@ jobs:
     - uses: actions/checkout@v2
     - uses: actions/setup-node@v1
       with:
-        node-version: '14.x'
+        node-version: '16.x'
     - run: npm install
     - run: npm run unit

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) Nicolas Gallagher.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -1,5 +1,7 @@
 # Development monorepo
 
+This is the development monorepo for "React Native for Web" and related projects.
+
 ## Structure
 
 * `.github`
@@ -23,7 +25,8 @@
   * Use `npm run dev -w <package-name>` to run the dev script for a specific package.
 * `test`
   * Use `npm run test` to run tests for every package.
-  * Use `npm run test` to run tests for every package.
+
+More details can be found in the contributing guide below.
 
 ## Contributing
 

package-lock.json

@@ -5,6 +5,7 @@
   "scripts": {
     "clean": "del-cli ./packages/*/dist",
     "build": "npm run clean && npm run build --workspaces --if-present",
+    "compile": "npm run build",
     "dev": "npm run dev --workspaces --if-present",
     "flow": "flow --flowconfig-name ./configs/.flowconfig",
     "format": "prettier --check --ignore-path ./configs/.prettierignore \"**/*.js\"",
@@ -55,12 +56,10 @@
     "lint-staged": "^10.5.4",
     "minimist": "^1.2.6",
     "npm-run-all": "^4.1.3",
-    "prettier": "^2.2.1",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-test-renderer": "^17.0.2"
+    "prettier": "^2.2.1"
   },
   "workspaces": [
+    "packages/react-native-web",
     "packages/*"
   ],
   "husky": {

package.json

@@ -5,11 +5,13 @@
   "scripts": {
     "clean": "del-cli ./dist",
     "build": "NODE_ENV=production npm run dev",
-    "dev": "npm run clean && mkdir -p dist && cp -f index.html dist/index.html && ./node_modules/.bin/webpack-cli --config ./webpack.config.js"
+    "dev": "npm run clean && mkdir -p dist && cp -f index.html dist/index.html && webpack --config ./webpack.config.js"
   },
   "dependencies": {
     "classnames": "^2.3.1",
     "d3-scale-chromatic": "^2.0.0",
+    "react": ">=17.0.2",
+    "react-dom": ">=17.0.2",
     "react-native-web": "0.18.3"
   },
   "devDependencies": {

packages/benchmarks/package.json

@@ -10,7 +10,7 @@ The [documentation site](https://necolas.github.io/react-native-web/) ([source](
 
 ## Example
 
-The [examples app](https://pk4zn6v4o0.sse.codesandbox.io/) ([source](https://github.com/necolas/react-native-web/blob/master/packages/react-native-web-examples)) demonstrates many available features. Fork the [codesandbox](https://codesandbox.io/s/github/necolas/react-native-web/tree/master/packages/react-native-web-examples)) to make changes and see the results.
+The [examples app](https://pk4zn6v4o0.sse.codesandbox.io/) ([source](https://github.com/necolas/react-native-web/blob/master/packages/react-native-web-examples)) demonstrates many available features. Fork the [codesandbox](https://codesandbox.io/s/github/necolas/react-native-web/tree/master/packages/react-native-web-examples) to make changes and see the results.
 
 You'll notice that there is no reference to `react-dom` in components. The `App` component that is shown below is defined using the APIs and Components of React Native, but it can also be rendered on the web using React Native for Web.