Use npm to install the two packages with the following command:

npm install --save redux react-redux

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './components/App/App';
import * as serviceWorker from './serviceWorker';
import { Provider } from 'react-redux';

      <App />

// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
// Learn more about service workers:

import React from 'react';
import { useSelector } from 'react-redux';
import './App.css';

function App() {
  const birds = useSelector(state => state.birds);

  return <></>

export default App;
Save and close the file. Next, open up App.css to add some styling:

nano src/components/App/App.css

.wrapper {
    padding: 20px;

.wrapper h3 {
    text-transform: capitalize;

.wrapper form button {
    margin: 10px 0;
    cursor: pointer;

.wrapper ul button {
    background: none;
    border: none;
    cursor: pointer;
Save and close the file. Now that you have some data, you need to be able to display it. Open src/components/App/App.js:

nano src/components/App/App.js
When the component is finished installing, you’ll receive output like this. Your output may be slightly different:

+ redux@4.0.5
+ react-redux@7.2.1
added 2 packages from 1 contributor, updated 1 package and audited 1639 packages in 20.573s