# J. Espinosa: Bay Area Hip Hop

2019 Red Bull 3Style Champ, SF Giants gameday DJ, 99.7FM mixshow resdient dj and all around awesome guy [J Espinosa](http://instagram.com/djjespinosa) is one of the top open format jocks in the world. He was born and raised in the Bay Area and he represents it to the fullest so you know we had to get a Bay Area Hip Hop set from the man himself. This is the ultimate cheat sheet for DJs going to play in SF, Oakland, South Bay and in his own words: "These are the tracks out of town DJs need to show up in the Bay Area and pretend they've lived there for years" featuring Mac Dre, E-40, The Federation and hella hyphy slaps- Thank you J!

 Select a Spotify Playlist   ![]()  

        1. ![]()
  
 

 

 or Enter Spotify Playlist ID:   Load  

 

 

   ARTIST       ::   TITLE       

  BPM       KEY       YEAR      

  DOWNLOADS      

      

             

  

     

 

  <a :href="`/track/${result.id}`" :hx-push-url="`/track/${result.id}`" class="mt-1 sm:mt-0 gap-1.5 sm:gap-0 flex md:block flex-col text-left text-xs md:text-sm cursor-pointer hover:opacity-80 transition-opacity duration-300 ease-in-out truncate text-ellipsis lg:line-clamp-1" hx-get="/wp-content/plugins/hh-music/inc/hh-track.pjax.php" hx-history="false" hx-on::after-request="setTimeout(() => window.scrollTo({top: 0, behavior: 'smooth'}), 500);" hx-swap="innerHTML transition:true settle:.3s" hx-target="#content" x-bind:hx-vals="JSON.stringify({ id: result.id })" x-effect="result.id;htmx.process($el)">   </a>    

            

  

  

 

  

 

 

  

  <a :href="`/track/${result.id}`" class="result-info min-w-8 min-h-8 inline-flex justify-center items-center cursor-pointer" hx-push-url="true" hx-swap="innerHTML transition:true settle:.3s" hx-target="#content" x-tooltip.interactive.debounce.1="{
            content: () => $refs.infotemplate?.innerHTML || 'Info not available',
            allowHTML: true,
            appendTo: $root
        }">= 1024 &amp;&amp; !event.ctrlKey &amp;&amp; !event.metaKey &amp;&amp; !event.metaKey) { htmx.ajax('GET', $el.getAttribute('href'), { target: '#content', swap: 'outerHTML transition:true settle:.3s', select: '#content', pushUrl: true, headers: { 'HX-Push-Url': $el.getAttribute('href') } }).then(() =&gt; { window.scrollTo({top: 0, behavior: 'smooth'}); window.history.pushState({}, '', $el.getAttribute('href')); }); }" &gt;  </a> 

  

   Similar  

 = 1024 &amp;&amp; (leaveTimeout = setTimeout(() =&gt; isOpen = false, 100))" @mouseenter="window.innerWidth &gt;= 1024 &amp;&amp; leaveTimeout &amp;&amp; clearTimeout(leaveTimeout)" @keydown.esc.prevent="isOpen = false; openedWithKeyboard = false" @click.outside="isOpen = false; openedWithKeyboard = false" class="relative toggle-downloads lg:w-56"&gt;  = 1024 &amp;&amp; (isOpen = true)" @keydown.space.prevent="openedWithKeyboard = true" @keydown.enter.prevent="openedWithKeyboard = true" @keydown.down.prevent="openedWithKeyboard = true" class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300" :class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'" :aria-expanded="isOpen || openedWithKeyboard" aria-haspopup="true"&gt; Downloads            = 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)" &gt;       

  = 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)" &gt;        

  

 

       - Add to queue    Remove from queue
 
 - 
- View Details
- Copy Link
- Mixable/Similar Tracks
- Build Smart Set
 
 

 

          

  Loading remixes &amp; edits...

 

   No remixes/edits found.

                

       

 

            

 

 

 

  

     

 

   Downloads                   

          

  

 

       - Add to queue    Remove from queue
 
 - 
- View Details
- Copy Link
- Mixable/Similar Tracks
 
 

 

 

  

 

 

  

#### Danceability

   0.86         

#### Energy

   0.86         

#### Popularity

   0.86         

#### Valence

   0.86         

 

         

  

 

  

#### Danceability

   0.86         

#### Energy

   0.86         

#### Popularity

   0.86         

#### Valence

   0.86         

 

         

  

 Smart Set Preview### Build a mix-ready set from your seed track

Length:

Energy:

Building Smart Set...

Save as CrateClose

 response.json()) .then(data =&gt; { similarSongs = data.success ? data.data : []; isLoadingSimilarSongs = false; }); // Load recommendations if (currentTrack?.artist &amp;&amp; currentTrack?.title) { const formData = new FormData(); formData.append('action', 'get_spotify_recommendations'); formData.append('artist', currentTrack.artist); formData.append('title', currentTrack.title); fetch(hhMusicData.ajaxurl, { method: 'POST', body: formData }) .then(response =&gt; { if (!response.ok) { throw new Error('Network response was not ok'); } return response.json(); }) .then(data =&gt; { recommendations = data.success ? data.data.results : []; isLoadingRecommendations = false; }) .catch(() =&gt; { isLoadingRecommendations = false; }); } else { isLoadingRecommendations = false; } } else { isLoadingSimilarSongs = false; isLoadingRecommendations = false; }" x-bind:id="'menu-' + currentTrack?.id" :style="`position-anchor1: --result-${currentTrack?.id}`" class="similar-popover w-full max-w-2xl bg-white/95 dark:bg-[#131522]/70 backdrop-blur-md text-zinc-900 dark:text-zinc-100 pb-0 mt-0 mx-auto md:m-auto popover-similar p-0 md:p-4 shadow shadow-2xl shadow-zinc-900/10 dark:shadow-zinc-900/50"&gt;       Similar/Mixable songs to###   -  

   

  KEY    BPM    YEAR    GENRE    TAGS         

  Mixable Tracks in key ± 5% BPM   Similar Tracks with a similar vibe 

 

 

 

 

 

 

  No mixable songs found.

               

  

     

 

  <a :href="`/track/${result.id}`" :hx-push-url="`/track/${result.id}`" class="mt-1 sm:mt-0 gap-1.5 sm:gap-0 flex md:block flex-col text-left text-xs md:text-sm cursor-pointer hover:opacity-80 transition-opacity duration-300 ease-in-out truncate text-ellipsis lg:line-clamp-1" hx-get="/wp-content/plugins/hh-music/inc/hh-track.pjax.php" hx-history="false" hx-on::after-request="setTimeout(() => window.scrollTo({top: 0, behavior: 'smooth'}), 500);" hx-swap="innerHTML transition:true settle:.3s" hx-target="#content" x-bind:hx-vals="JSON.stringify({ id: result.id })" x-effect="result.id;htmx.process($el)">   </a>    

            

  

  

 

  

 

 

  

  <a :href="`/track/${result.id}`" class="result-info min-w-8 min-h-8 inline-flex justify-center items-center cursor-pointer" hx-push-url="true" hx-swap="innerHTML transition:true settle:.3s" hx-target="#content" x-tooltip.interactive.debounce.1="{
            content: () => $refs.infotemplate?.innerHTML || 'Info not available',
            allowHTML: true,
            appendTo: $root
        }">= 1024 &amp;&amp; !event.ctrlKey &amp;&amp; !event.metaKey &amp;&amp; !event.metaKey) { htmx.ajax('GET', $el.getAttribute('href'), { target: '#content', swap: 'outerHTML transition:true settle:.3s', select: '#content', pushUrl: true, headers: { 'HX-Push-Url': $el.getAttribute('href') } }).then(() =&gt; { window.scrollTo({top: 0, behavior: 'smooth'}); window.history.pushState({}, '', $el.getAttribute('href')); }); }" &gt;  </a> 

  

   Similar  

 = 1024 &amp;&amp; (leaveTimeout = setTimeout(() =&gt; isOpen = false, 100))" @mouseenter="window.innerWidth &gt;= 1024 &amp;&amp; leaveTimeout &amp;&amp; clearTimeout(leaveTimeout)" @keydown.esc.prevent="isOpen = false; openedWithKeyboard = false" @click.outside="isOpen = false; openedWithKeyboard = false" class="relative toggle-downloads lg:w-56"&gt;  = 1024 &amp;&amp; (isOpen = true)" @keydown.space.prevent="openedWithKeyboard = true" @keydown.enter.prevent="openedWithKeyboard = true" @keydown.down.prevent="openedWithKeyboard = true" class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300" :class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'" :aria-expanded="isOpen || openedWithKeyboard" aria-haspopup="true"&gt; Downloads            = 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)" &gt;       

  = 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)" &gt;        

  

 

       - Add to queue    Remove from queue
 
 - 
- View Details
- Copy Link
- Mixable/Similar Tracks
- Build Smart Set
 
 

 

          

  

 

  No similar songs found.

               

  

     

 

  <a :href="`/track/${result.id}`" :hx-push-url="`/track/${result.id}`" class="mt-1 sm:mt-0 gap-1.5 sm:gap-0 flex md:block flex-col text-left text-xs md:text-sm cursor-pointer hover:opacity-80 transition-opacity duration-300 ease-in-out truncate text-ellipsis lg:line-clamp-1" hx-get="/wp-content/plugins/hh-music/inc/hh-track.pjax.php" hx-history="false" hx-on::after-request="setTimeout(() => window.scrollTo({top: 0, behavior: 'smooth'}), 500);" hx-swap="innerHTML transition:true settle:.3s" hx-target="#content" x-bind:hx-vals="JSON.stringify({ id: result.id })" x-effect="result.id;htmx.process($el)">   </a>    

            

  

  

 

  

 

 

  

  <a :href="`/track/${result.id}`" class="result-info min-w-8 min-h-8 inline-flex justify-center items-center cursor-pointer" hx-push-url="true" hx-swap="innerHTML transition:true settle:.3s" hx-target="#content" x-tooltip.interactive.debounce.1="{
            content: () => $refs.infotemplate?.innerHTML || 'Info not available',
            allowHTML: true,
            appendTo: $root
        }">= 1024 &amp;&amp; !event.ctrlKey &amp;&amp; !event.metaKey &amp;&amp; !event.metaKey) { htmx.ajax('GET', $el.getAttribute('href'), { target: '#content', swap: 'outerHTML transition:true settle:.3s', select: '#content', pushUrl: true, headers: { 'HX-Push-Url': $el.getAttribute('href') } }).then(() =&gt; { window.scrollTo({top: 0, behavior: 'smooth'}); window.history.pushState({}, '', $el.getAttribute('href')); }); }" &gt;  </a> 

  

   Similar  

 = 1024 &amp;&amp; (leaveTimeout = setTimeout(() =&gt; isOpen = false, 100))" @mouseenter="window.innerWidth &gt;= 1024 &amp;&amp; leaveTimeout &amp;&amp; clearTimeout(leaveTimeout)" @keydown.esc.prevent="isOpen = false; openedWithKeyboard = false" @click.outside="isOpen = false; openedWithKeyboard = false" class="relative toggle-downloads lg:w-56"&gt;  = 1024 &amp;&amp; (isOpen = true)" @keydown.space.prevent="openedWithKeyboard = true" @keydown.enter.prevent="openedWithKeyboard = true" @keydown.down.prevent="openedWithKeyboard = true" class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300" :class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'" :aria-expanded="isOpen || openedWithKeyboard" aria-haspopup="true"&gt; Downloads            = 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)" &gt;       

  = 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)" &gt;        

  

 

       - Add to queue    Remove from queue
 
 - 
- View Details
- Copy Link
- Mixable/Similar Tracks
- Build Smart Set
 
 

 

          

  

 

 

Premium content is available to members only. Please [upgrade](/members/upgrade) to access this content.