Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

egghead.io

Getting Started with Algolia InstantSearch.js

via egghead.io

Overview

Today’s users expect great things from their search experiences — speed, relevance, and usability, to name a few. Algolia provides developers with out-of-the-box and customizable search experiences that are a joy to build.
This introductory course on the Algolia search solution focuses on the user-facing part of search. Using the Algolia InstantSearch.js front-end library, we’ll see how to build an engaging search experience in no time. (28 minutes, to be exact.)
Prerequisites: You don’t need previous experience with search to follow this course — we’ll use an example index with an e-commerce data set preconfigured. We will work mainly in JavaScript, so basic JS knowledge is expected.
If you want to play with your own index settings and data set, you can create a free Algolia account here, but this is not required to follow along with this first course.

Syllabus

  • Anatomy of an Algolia Search API Response
  • Leverage the Algolia JS API Client to Display Raw Hits from the API Response
  • Set up the Instantsearch JS Library
  • How to Add Instantsearch JS widgets and their common attributes
  • Search an Algolia Index with Instantsearch JS searchbox and hits widgets
  • Display Rich results with templates in the Hits widget for Instantsearch JS
  • Highlight Keywords in Query Results using the Instantsearch JS Hits Widget
  • Filter Datasets with Facets using Instantsearch JS to add a Refinement List
  • Browse results based on a hierarchy of Facets (HierarchicalMenu) in Instantsearch JS
  • Refine a dataset using a numeric range in Instantsearch JS with the Range Input widget
  • Reset all active refinements with the clearRefinements Instantsearch JS widget
  • Paginate Large Sets of Algolia Data with Instantsearch JS Pagination widget
  • Inform users about the current result set with Instantsearch JS Stats widget

Taught by

Raphael Terrier

Reviews

4.6 rating at egghead.io based on 82 ratings

Start your review of Getting Started with Algolia InstantSearch.js

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.