Getting Started with Algolia API
Tags: react, algolia, javascript
Published: 2021-11-22 18:15:40

---
title: Getting Started with Algolia API
published: true
description: In this course, you will learn how the Algolia API works by understanding its main components.
tags: react, algolia, javascript
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nr9vym1ebjyefb2x7hb8.png
canonical_url: https://malikgabroun.com/blog/algolia-react-course/
---

## Introduction

In this course, you will learn how the Algolia API works by understanding its main components. The end goal is for you to be able to integrate Algolia into your application to deliver tailored, fast search experiences.

In the first half, you will learn how to build a full search experience using Algolia's search API and by utilising Algolia's InstantSearch library. In the second half, you will learn how to extend Algolia's widgets by building a custom search experience.

By the end of this course, you will have gained hands-on experience by building a fully functional search experience using Algolia.

You can check it out [here](https://www.educative.io/courses/start-algolia-api?aff=VOzg) 

## List of Contents

Below you can find the list of lessons you will learn in this course:

1.  **Overview of Algolia**

    Get introduced to Algolia and how it works.

2.  **Algolia Setup**

    Learn how to create an Algolia index, get Algolia API keys, and create new ones.

3.  **Sending Data to the Algolia Server**

    Learn how to send data to Algolia using API or Algolia's dashboard and interact with the sample code to see how we can push data using Algolia's API.

4.  **Managing Data with Algolia**

    Learn how to manage dataset configuration before sending it to Algolia using API or dashboard. Additionally, interact with the sample code to practice customising and sending dataset using Aloglia's API.

5.  **Managing Data by Adding Custom Ranking to Our Search Results**

    Learn how to manage results' ranking based on certain attributes using the API or dashboard. Additionally, interact with the sample code to practice customising the ranking before sending the dataset using Aloglia's API.

6.  **Composition of the Search Component**

    Break down the components of Algolia's InstantSearch in this lesson and understand what the search functionality is composed of.

7.  **Implementing a Search Box and Results Component**

    Discover what you can do with the SearchBox and Hits components and try them yourself in this lesson.

8.  **Implementing a Highlight Component**

    Explore how search results can be improved by adding the Highlight component.

9.  **Implementing the Stats component**

    Explore how we can improve search results and user experience by adding the number of hits based on user search by using the Stats component.

10. **Implementing Filter and the Clear Filter Component**

    Explore how we can improve search results and user experience by adding a way to filter the dataset based on facets using the RefinementList component. Also, we add a way to clear applied filters using the ClearRefinements component.

11. **Implementing the Pagination Component**

    Learn how to set a number of products that appear per page instead of showing all of them together and letting the user scroll endlessly.

12. **Extending Algolia's Widgets**

    Discover what you can do with Algolia's connectors by extending Algolia's InstantSearch components.

You can find the course [here](https://www.educative.io/courses/start-algolia-api?aff=VOzg)