Then I can add the handleScroll function as a dependency to another useEffect hook to keep my scroll event listener up to date:

Adding searchLoading as a dependency to the hook kept there from being multiple fetches to the Search API when reaching the bottom of the page. Here's the complete function:

Someone recently asked me about implementing infinite scroll with @yext's Search UI React library. Putting the sample code together was a nice little React lesson 🧵

Once I’m done, I can link my Github repo to the Yext Pages CI system. Now every time I push my code, a new deployment will be trigged

At this point, I can start mapping data to my components

I can use the Yext CLI to bootstrap a new Pages project. I’ll add a new template with some configuration that defines which entities and fields I want to pull in from my Knowledge Graph

I start by designing the schema for my page in the Knowledge Graph which is a headless CMS for storing different types of content

I'm loving the developer experience of building performant webpages with @Yext's headless CMS and @reactjs-based development framework

I'm glad Github Copilot has a positive opinion on @Yext 😄

In case you missed my live coding session on Tuesday, here's a link to the recording: youtube.com/watch?v=4p99axYI…