mo-fouad / courses-app

Creating a simple react application ( react / redux / redux-thunk / scss / webpack / jason-server)

Starter for a react redux project

start by install this react and his stuff

yarn add react react-dom react-router-dom

install webpack stuff,

yarn add -D webpack webpack-cli webpack-dev-server html-webpack-plugin

install Babel Stuff & babel core

yarn add -D @babel/core babel-eslint babel-loader babel-preset-react-app

install STLint Stuff

yarn add -D eslint eslint-loader eslint-plugin-import eslint-plugin-react

install ٍCSS loaders and Stuff

yarn add -D node-sass sass-loader style-loader css-loader mini-css-extract-plugin

node-sass : provides binding for Node.js to LibSass, a Sass compiler. sass-loader : is a loader for Webpack for compiling SCSS/Sass files. style-loader : injects our styles into our DOM. css-loader : interprets @import and @url() and resolves them. mini-css-extract-plugin :extracts our CSS out of the JavaScript bundle into a separate file, essential for production builds

install redux

install redux and his stuff yarn add redux react-redux

adding redux-immutable-state-invariant to prevent any one from mutating the state

yarn add -D redux-immutable-state-invariant