Featured image of post Structuring React Projects

Structuring React Projects

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.

Featured image of post React: Creating a Custom Hook for Pagination

React: Creating a Custom Hook for Pagination

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.

Featured image of post React: Introduction to Functional Components & Hooks

React: Introduction to Functional Components & Hooks

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.