igaryok / react_decompose

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Base template for React

Task

There are App.js with some content. Split it to several components. CSS should be split too. Create separate folder in components folder for each component, there should be js and css files. Finally you should have 3 - 5 new components.

Workflow

  • Fork the repository with task
  • Clone forked repository
    git clone git@github.com:<user_name>>/<task_repository>.git
  • Run npm install to install dependencies.
  • Then develop

Development mode

  • Run npm run start to start http-server on http://localhost:3000 When you run server the command line window will no longer be available for writing commands until you stop server (ctrl + c). All other commands you need to run in new command line window.
  • Follow HTML, CSS styleguide
  • Follow the simplified JS styleguide
  • When you finished Deploy on gh-pages

Deploy on gh-pages

  • Build the project
    $ npm run build
  • Commit and push all recent changes
    $ git add .
    $ git commit -m 'commit message'
    $ git push origin master
  • Execute npm run deploy. This command will push the /build folder to branch gh-pages in your remote repository.
  • Add links to your demo in readme.md.
    • [DEMO LINK](https://<your_account>.github.io/<repo_name>/) - this will be a link to your index.html
  • Commit and push all recent changes again.
  • Create Pull Request from forked repo (<branch_name>) to original repo (master).
  • Add a link at PR to Google Spreadsheets.

Project structure

  • src/ - directory for css, js, image, fonts files
  • build/ - directory for built pages

You should be writing code in src/ directory.

Demo link

Add link here: [DEMO LINK](https://<your_account>.github.io/<repo_name>/)

About


Languages

Language:JavaScript 62.9%Language:CSS 21.1%Language:HTML 16.0%