Book Image

Full-Stack Flask and React

By : Adedeji
3.5 (2)
Book Image

Full-Stack Flask and React

3.5 (2)
By: Adedeji

Overview of this book

Developing an interactive, efficient, and fast enterprise web application requires both the right approach and tooling. If you are a web developer looking for a way to tap the power of React’s reusable UI components and the simplicity of Flask for backend development to develop production-ready, scalable web apps in Python, then this book is for you. Starting with an introduction to React, a JavaScript library for building highly interactive and reusable user interfaces, you’ll progress to data modeling for the web using SQLAlchemy and PostgreSQL, and then get to grips with Restful API development. This book will aid you in identifying your app users and managing access to your web application. You’ll also explore modular architectural design for Flask-based web applications and master error-handling techniques. Before you deploy your web app on AWS, this book will show you how to integrate unit testing best practices to ensure code reliability and functionality, making your apps not only efficient and fast but also robust and dependable. By the end of this book, you’ll have acquired deep knowledge of the Flask and React technology stacks, which will help you undertake web application development with confidence.
Table of Contents (21 chapters)
1
Part 1 – Frontend Development with React
9
Part 2 – Backend Development with Flask

Using custom Hooks for code reusability

We have extensively discussed some of the in-built Hooks in React. Hooks have been part of the core React library since v16.8, which allows React components to exhibit statefulness without a class-based approach. Hooks such as useState, useEffect, UseMemo, useRef, useContext, and useCallback are specific functions to manage state, share stateful logic, and allow other interactions with React core APIs.

Now let’s understand what a custom Hook is and the benefits we can get from using them.

Custom Hooks are normal JavaScript functions whose name starts with use and that usually invoke one or more in-built React Hooks. For instance, custom Hooks could be named anything as long as it starts with use, for instance, useCustomHook, useFetchSpeakers, or useUpdateDatabase. Conventionally, there must be use in front of your custom Hook name.

So why should you want to build your own custom Hooks? Let’s examine some of the reasons...