/chapter-09-optimizing-our-app

The first half of the chapter was about all about Custom Hooks. Difference between helper functions and custom hooks were discussed with example. The second half of the chapter was about optimizing our app using lazy loading/ on demand loading mechanism.

Primary LanguageJavaScript

Learn React With Harshi 👩🏻‍💻 Series

Documenting my learning journey of Namaste React Live Course conducted by Akshay Saini

Class Summary Chapter - 09 Optimizing our app (22/01/2023)

This is the 9th session which means we have already crossed half of the Namaste course and started diving into advanced concepts.

The first half of the chapter was about Why to use, How to create, Where to create and When to use Custom Hooks were explained. Difference between helper functions and custom hooks were discussed with examples. We created a helper function (filtering logic) and two custom hooks (check network connection and fetch API data).

The second half of the chapter was about optimizing our app using lazy loading/ on demand loading mechanism.

Find my version of detailed explanation of these concepts in theory-assignment.md. Check coding-assignment.md for all the features that I implemented in this chapter.

One line about this chapter : Custom Hooks is similar to a normal javascript function which does some operation on the given data, but can use state and other react hooks to update the DOM (two-way binding)

Check out Chapter-09 Live for the live demo of this chapter's coding assignment (InstaFood Version 5.0). Also check out the following chapters to see how InstaFood has progressed. Happy Reacting !!!

If you are interested in other chapters of this series, please browse through the my repositories

If you want to quickly see a short summary and live demo of all chapters, please have a look at Table of contents