Add React-Redux v8 experimental build and initial hooks scenario (#30)

Author: markerikson

.yalc/react-redux/LICENSE.md

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2015-present Dan Abramov
+
+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.

.yalc/react-redux/README.md

@@ -0,0 +1,64 @@
+# React Redux
+
+Official React bindings for [Redux](https://github.com/reduxjs/redux).  
+Performant and flexible.
+
+![GitHub Workflow Status](https://img.shields.io/github/workflow/status/reduxjs/react-redux/CI?style=flat-square) [![npm version](https://img.shields.io/npm/v/react-redux.svg?style=flat-square)](https://www.npmjs.com/package/react-redux)
+[![npm downloads](https://img.shields.io/npm/dm/react-redux.svg?style=flat-square)](https://www.npmjs.com/package/react-redux)
+[![redux channel on discord](https://img.shields.io/badge/[email protected]?style=flat-square)](http://www.reactiflux.com)
+
+## Installation
+
+### Using Create React App
+
+The recommended way to start new apps with React Redux is by using the [official Redux+JS template](https://github.com/reduxjs/cra-template-redux) for [Create React App](https://github.com/facebook/create-react-app), which takes advantage of [Redux Toolkit](https://redux-toolkit.js.org/).
+
+```sh
+npx create-react-app my-app --template redux
+```
+
+### An Existing React App
+
+React Redux 7.1 requires **React 16.8.3 or later.**
+
+To use React Redux with your React app, install it as a dependency:
+
+```bash
+# If you use npm:
+npm install react-redux
+
+# Or if you use Yarn:
+yarn add react-redux
+```
+
+You'll also need to [install Redux](https://redux.js.org/introduction/installation) and [set up a Redux store](https://redux.js.org/recipes/configuring-your-store/) in your app.
+
+This assumes that you’re using [npm](http://npmjs.com/) package manager
+with a module bundler like [Webpack](https://webpack.js.org/) or
+[Browserify](http://browserify.org/) to consume [CommonJS
+modules](https://webpack.js.org/api/module-methods/#commonjs).
+
+If you don’t yet use [npm](http://npmjs.com/) or a modern module bundler, and would rather prefer a single-file [UMD](https://github.com/umdjs/umd) build that makes `ReactRedux` available as a global object, you can grab a pre-built version from [cdnjs](https://cdnjs.com/libraries/react-redux). We _don’t_ recommend this approach for any serious application, as most of the libraries complementary to Redux are only available on [npm](http://npmjs.com/).
+
+## React Native
+
+As of React Native 0.18, React Redux 5.x should work with React Native. If you have any issues with React Redux 5.x on React Native, run `npm ls react` and make sure you don’t have a duplicate React installation in your `node_modules`. We recommend that you use `[email protected]` which is better at avoiding these kinds of issues.
+
+## Documentation
+
+The React Redux docs are now published at **https://react-redux.js.org** .
+
+We're currently expanding and rewriting our docs content - check back soon for more updates!
+
+## How Does It Work?
+
+We do a deep dive on how React Redux works in [this readthesource episode](https://www.youtube.com/watch?v=VJ38wSFbM3A).
+
+Also, the post [The History and Implementation of React-Redux](https://blog.isquaredsoftware.com/2018/11/react-redux-history-implementation/)
+explains what it does, how it works, and how the API and implementation have evolved over time.
+
+Enjoy!
+
+## License
+
+[MIT](LICENSE.md)

.yalc/react-redux/package.json

@@ -0,0 +1,69 @@
+{
+  "name": "react-redux",
+  "version": "8.0.0-alpha.0",
+  "description": "Official React bindings for Redux",
+  "keywords": [
+    "react",
+    "reactjs",
+    "redux"
+  ],
+  "license": "MIT",
+  "author": "Dan Abramov <[email protected]> (https://github.com/gaearon)",
+  "homepage": "https://github.com/reduxjs/react-redux",
+  "repository": "github:reduxjs/react-redux",
+  "bugs": "https://github.com/reduxjs/react-redux/issues",
+  "main": "./lib/index.js",
+  "types": "./es/index.d.ts",
+  "unpkg": "dist/react-redux.js",
+  "module": "es/index.js",
+  "files": [
+    "dist",
+    "lib",
+    "src",
+    "es"
+  ],
+  "scripts": {
+    "build:commonjs": "cross-env BABEL_ENV=commonjs babel src --extensions \".js,.ts,.tsx\" --out-dir lib",
+    "build:es": "babel src --extensions \".js,.ts,.tsx\" --out-dir es",
+    "build:umd": "cross-env NODE_ENV=development rollup -c -o dist/react-redux.js",
+    "build:umd:min": "cross-env NODE_ENV=production rollup -c -o dist/react-redux.min.js",
+    "build:types": "tsc",
+    "build": "yarn build:types && yarn build:commonjs && yarn build:es && yarn build:umd && yarn build:umd:min",
+    "clean": "rimraf lib dist es coverage",
+    "api-types": "api-extractor run --local",
+    "format": "prettier --write \"{src,test}/**/*.{js,ts}\" \"docs/**/*.md\"",
+    "lint": "eslint src --ext ts,js test/utils test/components test/hooks",
+    "pretest": "yarn lint",
+    "test": "jest",
+    "type-tests": "yarn tsc -p test/typetests",
+    "coverage": "codecov"
+  },
+  "workspaces": [
+    "website"
+  ],
+  "peerDependencies": {
+    "react": "^16.8.3 || ^17"
+  },
+  "peerDependenciesMeta": {
+    "react-dom": {
+      "optional": true
+    },
+    "react-native": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@babel/runtime": "^7.12.1",
+    "hoist-non-react-statics": "^3.3.2",
+    "loose-envify": "^1.4.0",
+    "prop-types": "^15.7.2",
+    "react-is": "^16.13.1",
+    "use-sync-external-store": "0.0.0-experimental-5b57bc6e3-20210921"
+  },
+  "browserify": {
+    "transform": [
+      "loose-envify"
+    ]
+  },
+  "yalcSig": "ff0db988ba4013dfd771fdeeafc7f593"
+}

.yalc/react-redux/src/alternate-renderers.ts

@@ -0,0 +1,9 @@
+export * from './exports'
+
+import { getBatch } from './utils/batch'
+
+// For other renderers besides ReactDOM and React Native,
+// use the default noop batch function
+const batch = getBatch()
+
+export { batch }

.yalc/react-redux/src/components/Context.ts

@@ -0,0 +1,23 @@
+import React from 'react'
+import { Action, AnyAction, Store } from 'redux'
+import type { FixTypeLater } from '../types'
+import type { Subscription } from '../utils/Subscription'
+
+export interface ReactReduxContextValue<
+  SS = FixTypeLater,
+  A extends Action = AnyAction
+> {
+  store: Store<SS, A>
+  subscription: Subscription
+}
+
+export const ReactReduxContext =
+  /*#__PURE__*/ React.createContext<ReactReduxContextValue | null>(null)
+
+export type ReactReduxContextInstance = typeof ReactReduxContext
+
+if (process.env.NODE_ENV !== 'production') {
+  ReactReduxContext.displayName = 'ReactRedux'
+}
+
+export default ReactReduxContext

.yalc/react-redux/src/components/Provider.tsx

@@ -0,0 +1,53 @@
+import React, { Context, ReactNode, useMemo } from 'react'
+import { ReactReduxContext, ReactReduxContextValue } from './Context'
+import { createSubscription } from '../utils/Subscription'
+import { useIsomorphicLayoutEffect } from '../utils/useIsomorphicLayoutEffect'
+import type { FixTypeLater } from '../types'
+import { Action, AnyAction, Store } from 'redux'
+
+export interface ProviderProps<A extends Action = AnyAction> {
+  /**
+   * The single Redux store in your application.
+   */
+  store: Store<FixTypeLater, A>
+  /**
+   * Optional context to be used internally in react-redux. Use React.createContext() to create a context to be used.
+   * If this is used, you'll need to customize `connect` by supplying the same context provided to the Provider.
+   * Initial value doesn't matter, as it is overwritten with the internal state of Provider.
+   */
+  context?: Context<ReactReduxContextValue | null>
+  children: ReactNode
+}
+
+function Provider({ store, context, children }: ProviderProps) {
+  const contextValue = useMemo(() => {
+    const subscription = createSubscription(store)
+    return {
+      store,
+      subscription,
+    }
+  }, [store])
+
+  const previousState = useMemo(() => store.getState(), [store])
+
+  useIsomorphicLayoutEffect(() => {
+    const { subscription } = contextValue
+
+    subscription.onStateChange = subscription.notifyNestedSubs
+    subscription.trySubscribe()
+
+    if (previousState !== store.getState()) {
+      subscription.notifyNestedSubs()
+    }
+    return () => {
+      subscription.tryUnsubscribe()
+      subscription.onStateChange = undefined
+    }
+  }, [contextValue, previousState])
+
+  const Context = context || ReactReduxContext
+
+  return <Context.Provider value={contextValue}>{children}</Context.Provider>
+}
+
+export default Provider