React really starts to shine when you've got data to display. By adding an
onComponentMount() lifecycle method to a React component, and then using
fetch() to retrieve data from Drupal's API, and finally passing the retrieved data as props to child components, we can create a dynamic list of articles.
In this tutorial we'll:
fetch()to bring data from Drupal into React
- Parse the data using ES6 array functions to find just the bits of data we need
- Combine multiple React components together to render a list of articles retrieved from Drupal
By the end of this tutorial, you should have a better understanding of how data from a Drupal API can be incorporated into a React application.
Over the years we've developed some techniques for practicing that we wanted to share. At Drupalize.Me we take hugging seriously. In this tutorial we'll look at the art, and science, of giving a good hug. The Merriam Webster dictionary defines the word hug as; squeeze (someone) tightly in one's arms, typically to express affection.
Did you know there are all kinds of different hugs that you can give? In this tutorial we'll look at:
- Defining what a hug is
- Some of the many types of hugs in the world today
- Precautions you may want to familiarize yourself with before hugging
- And the importance of proper technique
Lets go ahead and get started shall we?