Getting started with React InstantSearch

Build a complete instant search experience in less than 15 minutes with react-instantsearch.

More resources available here

In this guide we're using create-react-app to get up and running quicker: https://github.com/facebookincubator/create-react-app

You can find CSS for this demo on github: https://github.com/algolia/examples/blob/master/instant-search/react-instantsearch/public/style.css.

There are 2 class name changes ("sidebar" and "content" are "left-column" / "right-column" in the file).

For the default widget styling you can find the file here

Previous Video
Send Insights API events with React InstantSearch
Send Insights API events with React InstantSearch

How to implement Algolia Insights using React Instant Search

Next Video
Algolia Build 101 - Search UI Implementation Introduction
Algolia Build 101 - Search UI Implementation Introduction

Great search experiences are all about the end users. To provide that slick, rewarding experience, you need...

Complete documentation for a seamless integration

Access now