Setting Up the Application
We will create a new project using the react-redux
template. Open the console and cd
into an appropriate location, then create a new project using the command: npx create-react-app post-app --template redux
.
Now that the project is set up, we need to remove the default counter application and delete everything in the src
folder.
We will create a new index.js
file containing the following base code:
js9912345678910111213141516171819import React from 'react';import { createRoot } from 'react-dom/client';import { Provider } from 'react-redux';import { store } from './app/store';const container = document.getElementById('root');const root = createRoot(container);function Main(props) {return (<h1>Hello World</h1>);}root.render(<React.StrictMode><Provider store={store}><Main /></Provider></React.StrictMode>);
Since we are also importing a store, we will create a new store.js
in a new app folder:
js91234import { configureStore } from '@reduxjs/toolkit';export const store = configureStore({reducer: {},});
Now we can run the app to see a 'Hello World'
screen:
However, this is only a setup, there's more to do!
Tout était clair ?
Merci pour vos commentaires !
Section 4. Chapitre 2
Demandez à l'IA
Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion