productioncoder

npm i -g create-react-app

productioncoder

npx create-react-app youtube-react

productioncoder

cd youtube-react
git init
# connect your local repo to the repo on Github
git remote add origin git@github.com:<YOUR_REPO_NAME>.git
# add all files that create-react-app has created to the repository
git add -A
git commit -m "initial commit"
git push -u origin master

productioncoder

# you can also run npm start instead
yarn start

productioncoder

import React, { Component } from 'react';

class App extends Component {
  render() {
    return (
      <div>Hello World</div>
    );
  }
}

productioncoder

git add -A
git commit -m "project setup"
git push

productioncoder

yarn add semantic-ui-react semantic-ui-css

productioncoder

import 'semantic-ui-css/semantic.min.css';
// ...

productioncoder

yarn add node-sass

productioncoder

"scripts": {
    "build-css": "node-sass-chokidar --include-path ./src --include-path ./node_modules src/ -o src/",
    "watch-css": "npm run build-css && node-sass-chokidar --include-path ./src --include-path ./node_modules src/ -o src/ --watch --recursive",
    "start-js": "react-scripts start",
    "start": "npm-run-all -p watch-css start-js",
    "build-js": "react-scripts build",
    "build": "npm-run-all build-css build-js",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  },