Components are the fundamental building blocks of any React application. React uses components to represent different elements in the UI. To demonstrate this, we'll build a React widget that wraps around the primary content of a node and then provides an interactive button to toggle the content's visibility. In doing so we'll learn about creating components and using props and state in React.
In this tutorial we'll:
- Define two new React components
- Learn about using props and state to create interactivity
By the end of this tutorial you should be able to write React code that manipulates existing DOM content and provides additional interactivity into the UI that can't be accomplished with just HTML.
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?