是否可以從香草javascript中導入和使用react-redux組件

Question

我有兩個應用程序，其中之一是用javascript和html和css編寫的。 另一個是react + redux應用程序。

是否可以從我的原始javascript應用程序內部的react + redux應用程序中導入和使用組件，而無需引入對react和redux的依賴關系？

Answer 1

簡短的回答， 是的 ，這取決於您編寫代碼的方式。 即，假設您使用的是ES6模塊，或使用將按原樣處理它們的編譯器。

首先，請記住react-redux只是redux的實現。 Redux本身可以正常工作。

假設您正在談論的是重用化極器和動作創建者，那么這很好-因為它們都是純函數。

例如，您的應用看起來像：

index.js

import React from "react"; 
import store from "./store";
import {createUser} from "./actions"; 
import { Provider } from 'react-redux';

//etc. 

store.js

import { createStore } from 'redux'
import rootReducer from '../reducers'

    export default function() {
        return createStore(rootReducer); 
    }

actions.js

   export  function addUser(name) {
       return {
            type: "ADD_USER", 
            payload: name, 
       }
   }

reducers.js

   export default function (state ={}, action)  {

        return {
            value: action.payload
        }
    }

在這種情況下，假設您要重用該操作和reducer。

然后，您可以僅從這些模塊中導入功能。 ESM模塊足夠智能，僅需導入所需的內容即可。

另一方面，假設您要導入createStore （默認）方法，那么您還將要導入對redux的依賴關系。