So, you setup the project with create-react-app. You have a file `App.js` and a folder `components`. You start writing your functions, adding new components day by day. And suddenly, there are 30 files in the same folder, and you are lost.
Fetching data from an external or internal API is a common use case for web applications. With react functional components, there are different hooks to fetch data. This post explains these hooks, and helps you to understand when to use them.
A custom hook is a React functional component which exports props where at least one prop is prefixed with the keyword `use`. The `use` prop acts like a constructor: It defines the initial value that the functional component needs. Other props can be functions or state values of your hook - you decide what you want to expose.
Hooks help you a lot because they allow you to write components exactly with the lifecycle methods that you need. Hooks also give your code a declarative layout, and yes, you will also type less. This article will help you to understand functional components and hooks and see which hooks you can use in your projects.
Board games are fast evolving hobby: In 2019, about 5000 new games were published! Although I’m well connected with the Berlin board games community, it’s still hard to catch up with who is playing what. Specifically, I would like to know when my friends signal an interest to play a game, or when they bought a new game.
