React (instalações e importações)

React (instalações e importações).md

React (instalações e importações)

Para iniciar uma aplicação React.

npx create-react-app nome-da-aplicação

Para utilizar o sistema de rotas no React.

npm install react-router-dom@v5

Importes para usar o sistema de rotas.

import ReactDOM from 'react-dom/client';
import { BrowserRouter } from 'react-router-dom';


import { Switch, Route, Link } from 'react-router-dom';

Para usar o Redux na aplicação React.

npm install redux react-redux
npm install --save@redux-devtools/extension

import { Provider } from 'react-redux';
import store from './redux/store';

import { connect } from 'react-redux';

Combiner Reducers do Redux.

import { combineReducers } from 'redux';
// importar aqui os seu reducers

const rootReducer = combineReducers({ adicionar aqui os reducers });

export default rootReducer;

Store do Redux sem o thunk.

import { legacy_createStore as createStore } from 'redux';
import { composeWithDevTools } from '@redux-devtools/extension';
import rootReducer from './reducers';

const store = createStore(rootReducer, composeWithDevTools());

export default store;

Para usar o redux-thunk no React.

npm install redux-thunk

Store do Redux com thunk.

import { legacy_createStore as createStore, applyMiddleware } from 'redux';
import { composeWithDevTools } from '@redux-devtools/extension';
import thunk from 'redux-thunk';
import rootReducer from './reducers';

const store = createStore(rootReducer, composeWithDevTools(applyMiddleware(thunk)));

export default store;