package.json

{
  "name": "Modern-React-Learning",
  "version": "1.0.0",
  "description": "**Meet React ecosystem**\r 1. React Redux: Manage our state in a React application in an effective and relatively bug free way. And to do this, it uses what's called the Flux architecture.\r 2. Redux Thunk (or Thunk): separate side effects of our application: allows us to do is separate out the so called side effects of our application. And side effects are permanent changes such as modifying user data on a server or uploading an article for example. And the idea is to avoid putting this logic into our components. Our components are meant to display our data. They shouldn't be worrying about making network requests and Thunk gives us a place to put this logic.\r 3. Reselect: The purpose of selectors is to abstract a way the details of hour our data is stored in this state.\r 4. Styled components: give us a nicer way of managing the appearance of our components than using separate css files particularly when the appearance of a component depends on the state in some way.",
  "main": "index.js",
  "scripts": {
    "test": "mocha \"src/**/*.test.js\" --require @babel/register --recursive",
    "dev": "npx webpack-dev-server --mode development",
    "build": "npx webpack --mode development"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@babel/cli": "^7.8.3",
    "@babel/core": "^7.8.3",
    "@babel/plugin-transform-runtime": "^7.13.15",
    "@babel/preset-env": "^7.8.3",
    "@babel/preset-react": "^7.8.3",
    "@babel/register": "^7.13.14",
    "babel-loader": "^8.0.6",
    "chai": "^4.3.4",
    "css-loader": "^3.4.2",
    "fetch-mock": "^9.11.0",
    "mocha": "^8.3.2",
    "node-fetch": "^2.6.1",
    "react-hot-loader": "^4.13.0",
    "reselect": "^4.0.0",
    "sinon": "^10.0.0",
    "style-loader": "^1.1.3",
    "webpack": "^4.41.5",
    "webpack-cli": "^3.3.10",
    "webpack-dev-server": "^3.10.1"
  },
  "dependencies": {
    "@babel/runtime": "^7.13.10",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-redux": "^7.2.3",
    "redux": "^4.0.5",
    "redux-devtools-extension": "^2.13.9",
    "redux-persist": "^6.0.0",
    "redux-thunk": "^2.3.0",
    "styled-components": "^5.2.3"
  }
}