Можно ли импортировать и использовать компонентact-redux из ванильного javascript?

Question

У меня есть два приложения, одно из них написано на vanilla javascript с использованием html и css.Другой - это приложениеact + redux.

Можно ли импортировать и использовать компоненты из моего приложения Reaction + redux внутри моего приложения vanilla javascript без введения зависимости от реагирования и избыточности?

Answer 1

Короткий ответ, да , в зависимости от того, как вы написали код.А именно, если вы используете модули ES6 или транспортер, который будет обрабатывать их как таковые.

Во-первых, помните, что response-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, 
       }
   }

redurs.js

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

        return {
            value: action.payload
        }
    }

В этом сценарии предположим, что вы хотитеповторно использовать действие и редуктор.

Тогда вы можете просто импортировать функции из этих модулей.Модули ESM достаточно умны, чтобы просто импортировать то, что им нужно.

С другой стороны, скажем, вы импортировали метод createStore (по умолчанию), тогда вы также импортировали бы зависимость от избыточного числа.