Skip to content

Instantly share code, notes, and snippets.

View xuntanza_20-tracklist_final.md

Xuntanza Zara IT W'20

Playlist

  • (109) Samsara - Tungevaag & Rabaan
  • (110) Gimme gimme - INNA
  • (120) Jaques - Jax Jones
  • (123) Make me feel - Janelle Monae
  • (125) Won't go quietly - Example
  • (123) We are your frieds - Justice
  • (126) Yeah Yeah (D Ramirez vocal radio edit) - Bodyrox
  • (125) Gecko (Overdrive) - Olover Heldens
View xuntanza-w20-playlist.md

Xuntanza Zara IT W'20

Playlist (50)

Step 1 (15)

  • Gimme gimme - INNA
  • Un momento - INNA
  • God is a dancer - Tiësto
  • Won't go quietly - Example
  • Turn me on - Riton
  • Superstylin' - Groove Armada
  • Crazy - Felon
View o-grove-2019_playlist.md

O Grove 2019 Playlist

Parte 1

  • Sálvese quien pueda - Vetusta Morla

  • Copacabana - IZAL

  • La revolución sexual - La casa azul

  • Ave María - David Bisbal

  • Shape of you - Ed Sheeran (Pedro)

  • Just got paid - Sigala

  • Shut up and dance - Walk the moon

View home-page-hook.js
import React, { useState } from 'react';
import useExternalData from '../hooks/use-external-data';
import { getAllPodcasts } from '../api/podcaster';
import PodcastSummary from './product-summary';
function onFilterChangedFactory(originalPodcasts, updater) {
return (event) => {
const regExp = new RegExp(event.target.value, 'i');
updater(
View use-external-data.js
import { useState, useEffect, useContext } from 'react';
import LoaderContext from '../contexts/loader-context';
export default function useExternalData(loader) {
const [externalData, setExternalData] = useState({
data: undefined,
isLoading: true,
error: undefined
});
View home-page-render-prop.js
import React from 'react';
import PodcastSummary from './product-summary';
import { getAllPodcasts } from '../api/podcaster';
import ExternalDataLoader from './external-data-loader';
class HomePage extends React.Component {
constructor(props) {
super(props);
View external-data-loader.js
import React from 'react';
import { func } from 'prop-types';
import LoaderContext from '../contexts/loader-context';
class ExternalDataLoader extends React.Component {
static contextType = LoaderContext;
constructor(props) {
View home-page-hoc.js
import React from 'react';
import withExternalData from '../hocs/with-external-data';
import { getAllPodcasts } from '../api/podcaster';
import PodcastSummary from './product-summary';
class HomePage extends React.Component {
constructor(props) {
View with-external-data.js
import React from 'react';
import LoaderContext from '../contexts/loader-context';
export default function withExternalData(WrappedComponent, loader) {
return class extends React.Component {
static contextType = LoaderContext;
constructor(props) {
View podcaster-podcast-summary.js
export default function PodcastSummary(podcast) {
return `
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3 podcast-summary">
<div class="box">
<a href="/podcast/${podcast.id}">
<div class="box-icon">
<img src=${podcast.cover} alt=${podcast.name}>
</div>
<div class="info">
<h4 class="text-center">${podcast.name}</h4>
You can’t perform that action at this time.