Skip to content
/ React_Template Public template

This repo is template for react projects. it has all the setup for react and It includes eslint & stylelint tests packages. and a readme template you can use

Notifications You must be signed in to change notification settings

GeekyHacks/React_Template

Repository files navigation

React_Template

GEEKY HACKS

Steps to use this Template effectively

  • clone the template to your local machine
  • Make sure you are in the root project directory inside react_redux_template folder
  • Change the name in line "name": "react_reduxtemplate" in package.json
  • run the following command npm install to download the node_modules folder, which include all the packages included in the package.json file
  • run npm start to see if the react app is working or not
  • run npx eslint "**/*.{js,jsx}" to test eslint package, it should work smoothly
  • run npx stylelint "**/*.{css,scss}" to test stylelint package.
  • You are all set. Now you can use this Template for any react project.
  • You can edit the READMETEMPLATE.md to suit your project

Important notes about react projects

  • always add directories into src folder
  • Don't mess with the the index.js file in the main Directory
  • to use Sass for styling:
    • open new git-bash terminal in VSC terminal window
    • change your directory to React_ReduxTemplate/src/styles
    • activate sass by sass --watch Sass:Css
    • create any sass file and it will be automatically created on css on the Css folder
    • you will use the css files in your JS or JSX file

Video explaining Steps

About

This repo is template for react projects. it has all the setup for react and It includes eslint & stylelint tests packages. and a readme template you can use

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published