React Books Website Tutorial | with Redux Toolkit, TypeScript & OpenLibrary API | React Projects
In this tutorial, you'll learn how to create a React Books Website using Redux Toolkit, TypeScript, and the OpenLibrary API. We’ll cover how to manage global state with Redux, fetch book data from the OpenLibrary API, and build a responsive front-end with React. Whether you're a beginner or looking to enhance your React projects, this tutorial will guide you through building a dynamic and functional book search application from scratch.
In this tutorial, you will learn:
JSX & Props
React Hooks
React Router Dom
Redux Toolkit
TypeScript
Fetching Data from OpenLibrary API
Start Project: https://drive.google.com/drive/folder...
Full Project: https://buymeacoffee.com/riseofcoding...
Use code YT50OFF for 50% off on my Buy Me a Coffee page.
Chapters:
00:00 Intro
01:04 Header Component
04:00 Redux Toolkit
20:00 Home Page
22:45 BookList Component
29:13 Search Function
30:51 Search Results Page
32:50 React Router Dom
34:10 Book Page