CarlosLevir

import React, { Component } from 'react';
import Welcome from './components/Welcome';

class App extends Component {
 
  render() {
    return (
      <>
        <Welcome />
      </>

CarlosLevir

{
 "kind": "youtube#channelListResponse",
 "etag": "\"XpPGQXPnxQJhLgs6enD_n8JR4Qk/Pjiawp4_6R6R2a8t46glujRUbAU\"",
 "pageInfo": {
  "totalResults": 1,
  "resultsPerPage": 5
 },
 "items": [
  {
   "kind": "youtube#channel",

CarlosLevir

import React, { Component } from 'react';
import { getUnsubscribedTrailer } from './services/youtubeVideosServices';

class App extends Component {
  constructor(props) {
    super(props);

    this.state = {
      unsubscribedTrailer: ''
    };

CarlosLevir

import request from './request';
import * as env from '../.env.json';

const getUnsubscribedTrailer = () => request.get(`/channels?key=${env.youtubeApiKey}&part=brandingSettings&id=${env.vevoChannelId}`);

export { getUnsubscribedTrailer };

CarlosLevir

{
  "youtubeApiUrl": "https://www.googleapis.com/youtube/v3",
  "youtubeApiKey": "sua_chave_da_api",
  "vevoChannelId": "UC2pmfLm7iq6Ov1UwYrWYkZA"
}

CarlosLevir

import axios from 'axios';
import * as env from '../.env.json';

const request = axios.create({
  baseURL: env.youtubeApiUrl
});

export default request;