Skip to content

juanmendezcuartas/template_react_advanced

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

For run and check the server:

  1. Clone repo.
  2. Move to template_react_advanced folder with cd template_react_advanced.
  3. Install package with npm init.
  4. Start server with npm run start.
  5. If opened a page with "Hola Mundo" all its OK.

If you want customize the folder name template_react_advanced:

  1. Change folder called template_react_advanced to one you want (example: my_new_project_name).
  2. If you see the console in red is normal xD, so let's fix it.
  3. Open folder (my_new_project_name) in text editor like VSCode.
  4. Open file package.jason and change "name":"template_react_advanced" for "name":"my_new_project_name" and save.
  5. Open file package-lock.jason and change "name":"template_react_advanced" for "name":"my_new_project_name" and save.
  6. That' all, open terminal and write: npm run start.

If you want compile the code:

  1. npm run build.
  2. The compiled files are located in 'dist'.

Modules installed:

  • React (react, react-dom).
  • Babel (@babel/core, babel-loader, @babel/preset-env, @babel/preset-react).
  • Webpack (webpack, webpack-cli, html-webpack-plugin, html-loader, webpack-dev-server, file-loader).
  • SASS (mini-css-extract-plugin, css-loader, node-sass, sass-loader).
  • ESLint (eslint, babel-eslint, eslint-config-airbnb, eslint-plugin-import, eslint-plugin-react, eslint-plugin-jsx-a11y).
  • JSON server.
  • Prop types.

About

Its a advanced configuration for start a react projects.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published