Hot JAMS(tack): Building a Music Discovery App with Drupal and React

55:28
2
0
0
0
0
Jun 28, 2019

Brian Perry

Hot JAMS(tack) Reunion Tour Edition - in addition to a project overview, this encore presentation will cover what has changed in the React and Decoupled Drupal landscape since the original version of this app was created (spoiler alert: tons of things have changed.)

Learn from one developer's experience building a music discovery app with Drupal 8 and React, soundtracked by the hottest jams of 2017 (Remember that year? Yikes!)

On an annual basis, The Album of the Year Project follows a painstaking Process to compile all of the best of the year lists into one massive google spreadsheet that crowns a definitive musical critical consensus (DAMN.) While an intriguing dataset is practically the American Dream, how could a curious developer take the Plunge and go from a Google Spreadsheet to a JavaScript application while gaining A Deeper Understanding of Decoupled Drupal and React along the way?

Your awesome mixtape will include:

* A Common Sense approach to choosing a decoupled architecture - progressively decoupled vs. fully decoupled and why a fully decoupled approach was most appropriate for this project.

* CTRL your API with the right flavor of Drupal - Contenta vs. Reservoir, vs no distribution, and why Reservoir was chosen for this project.

* Migrate to the rescue - getting data from a Google spreadsheet and the Spotify API into Drupal without resorting to getting Drunk.

* 4:44 worth of React basics (actual time may vary)

Quickly bootstrapping a project with Create React App

* Components, Props and State - oh my!

* Go Fetch! - getting data from JSON API into your app.

* CSS in JS (aka Nothing Feels Natural) - How I avoided a Crack-Up and learned to love styled components.

* Take Me Apart and deploy me back together - a look at the JAMstack and efficient ways to build and deploy your application.

* The rest of The OOZ - the things I conveniently avoided, the things I’d do differently next time around, and why I threw away the first version of this app and started over.

Last but not least, we'll wrap up with some Melodrama and ask the question 'did this project really need Drupal'?

By the time the mixtape fades out, you'll have a clearer picture of what it takes to go from compelling dataset to decoupled app, and may even be itching to join the Party and do something similar yourself. You’ll also know beyond a shadow of a doubt that critics really, really loved Kendrick Lamar's latest album.

This talk is for people who are are interested in decoupled Drupal but unsure where to start, people who find it helpful to learn from real world decoupled projects, or even just people taking a Slowdive into decoupled Drupal concepts who want to avoid some poor developer's rookie mistakes. Experienced React developers are unlikely to learn something new about React here, but will better understand how Drupal could be a viable option to serve their front end work.

Repository: https://github.com/backlineint/aoty-visualizations

Full slides available here: http://brianperryinteractive.com/aoty-slides/

https://design4drupal.org/sessions/case-studypanel/hot-jamstack-buildin…

Hi! I'm Karim Boudjema, the developer and site-builder of this site. I'm currently working as a freelance Drupal developer.

I was wondering how could I giving back to the Drupal community all what it gave to me during the last 10 years, that's how the idea of this site came to me ... (read more)

Hi! I’m Santiago Rico, the web designer and themer of this site.

When Karim proposed me to design and theme this site for the Drupal community, I accepted immediately because the community is the main reason why I love Drupal so much.