productioncoder

const express = require('express');
const session = require('express-session');
const redis = require('redis');
const connectRedis = require('connect-redis');

const app = express();

// if you run behind a proxy (e.g. nginx)
// app.set('trust proxy', 1);

productioncoder

import React from 'react';
import './AddComment.scss';
import {Form, Image, TextArea} from "semantic-ui-react";

export function AddComment() {
  return (
    <div className='add-comment'>
      <Image className='user-image' src='http://via.placeholder.com/48x48' circular/>
      <Form>
        <Form.TextArea control={TextArea} autoHeight placeholder='Add a public comment' />

productioncoder

import React, {Component} from 'react';
import {Home} from './containers/Home/Home';
import {AppLayout} from './components/AppLayout/AppLayout';
import {Route, Switch} from 'react-router-dom';
import {Watch} from './containers/Watch/Watch';

class App extends Component {
  render() {
    return (
      <AppLayout>

productioncoder

import React from 'react';
import {shallow} from 'enzyme';
import {SideBarItem} from '../SideBarItem';

describe('SideBarItem', () => {
  test('renders empty SideBarItem', () => {
    const wrapper = shallow(
      <SideBarItem/>
    );
    expect(wrapper).toMatchSnapshot();

productioncoder

yarn add node-sass

productioncoder

import React, { Component } from 'react';

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

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

/* ... */
import React from 'react';
import {Video} from '../../../components/Video/Video';
import {VideoMetadata} from '../../../components/VideoMetadata/VideoMetadata';
import {VideoInfoBox} from '../../../components/VideoInfoBox/VideoInfoBox';
import {Comments} from '../../Comments/Comments';
import {RelatedVideos} from '../../../components/RelatedVideos/RelatedVideos';
import './WatchContent.scss';
import {getAmountComments, getRelatedVideos, getVideoById} from '../../../store/reducers/videos';
import {connect} from 'react-redux';

productioncoder

import * as api from '../api/youtube-api';
import {fork, take, takeEvery, call, all, put} from 'redux-saga/effects';
import {fetchEntity} from './index';

export const fetchVideoCategories = fetchEntity.bind(null, api.buildVideoCategoriesRequest, videoActions.categories);

export function* watchVideoCategories() {
  yield takeEvery(videoActions.VIDEO_CATEGORIES[REQUEST], fetchVideoCategories);
}