Didactic demonstration Basic State, Proprities, Create Class, Babel, WebPack, DevServer, Eslint, If-Else, Lists, Keys, Handling Events, Mock e Componentization. Credits for the Digital Innovation One React Introduction.
This project was developed with the following technologies:
- ReactJS
- JavaScript ES6
- Nodejs
- HTML5
- npx create-react-app my-app
- cd my-app
- webpack.config.
- npm init
- npm i -D webpack webpack-cli
- "build": "webpack --mode production"
- npm run build
- npm i @babel/core babel-loader @babel/preset-env @babel/preset-react --save-dev
- index config
- webpack config
- .babelrc create
- npm i react react-dom
- npm i -D babel-preset-react
- app.js config
- npm i -D html-webpack-plugin html-loader
- npm run dev
- HtmlWebPackPlugin add in webpackconfig.js
- new plugins in webpackconfig.js
- npm run build
- npm i -D webpack-dev-server
- webpackconfig.js config
- npm run start
- npm install --save-dev eslint babel-eslint-plugin-react eslint-watch
- npm run eslint
- devtool: 'source-map' add in webpackconfig.js
- npm install --save-dev eslint babel-eslint eslint-plugin-react eslint-watch
Made with 💜 by Rafael Maciel