Slide 1

Slide 1 text

Alexandre Stanislawski @bobylito InstantSearch.js V2 Software engineer #AlgoliaSearchParty

Slide 2

Slide 2 text

InstantSearch.js V2 About me > Software engineer at Algolia > One of the first 2 dev on instantsearch.js > Lead of InstantSearch.js #AlgoliaSearchParty Alexandre Stanislawski

Slide 3

Slide 3 text

InstantSearch #AlgoliaSearchParty Alexandre Stanislawski

Slide 4

Slide 4 text

#AlgoliaSearchParty Alexandre Stanislawski @bobylito

Slide 5

Slide 5 text

InstantSearch.js V2 #AlgoliaSearchParty Alexandre Stanislawski @bobylito Started in 2015

Slide 6

Slide 6 text

InstantSearch.js V2 Well received! 1700+ live implementations 2200+ commits 42 contributors 1600+ GitHub stars 111 releases 633 upvotes on Product Hunt #AlgoliaSearchParty Alexandre Stanislawski @bobylito

Slide 7

Slide 7 text

InstantSearch.js V2 Family is growing #AlgoliaSearchParty Alexandre Stanislawski @bobylito

Slide 8

Slide 8 text

“ InstantSearch.js V2 Search is its own domain of expertise #AlgoliaSearchParty Alexandre Stanislawski @bobylito

Slide 9

Slide 9 text

InstantSearch.js V2 > Translate the concepts of search into UI > Package the UX best practices Why InstantSearch #AlgoliaSearchParty Alexandre Stanislawski @bobylito

Slide 10

Slide 10 text

InstantSearch.js V2 Key concepts #AlgoliaSearchParty Alexandre Stanislawski @bobylito

Slide 11

Slide 11 text

searchBox menu hits

Slide 12

Slide 12 text

InstantSearch.js v2 #AlgoliaSearchParty Alexandre Stanislawski @bobylito

Slide 13

Slide 13 text

InstantSearch.js V2 > from your feedback > from our experience with the other libraries > from our internal usage We’ve learned a lot... #AlgoliaSearchParty Alexandre Stanislawski @bobylito

Slide 14

Slide 14 text

InstantSearch.js V2 > The customisation is too limited > The learning curve is steep beyond the basics > Some API choices are blocking us Key learnings #AlgoliaSearchParty Alexandre Stanislawski @bobylito

Slide 15

Slide 15 text

InstantSearch.js V2 > A new API for customization: the connectors > New documentation > Overall improvements New features #AlgoliaSearchParty Alexandre Stanislawski @bobylito

Slide 16

Slide 16 text

InstantSearch.js V2 Connector - example 1 / 3 #AlgoliaSearchParty Alexandre Stanislawski @bobylito

Slide 17

Slide 17 text

InstantSearch.js V2 Connector - example 2 / 3 #AlgoliaSearchParty Alexandre Stanislawski @bobylito

Slide 18

Slide 18 text

InstantSearch.js V2 Connector - example 3 / 3 > The markup is different > Not doable in v1 > Can be done with the menu connector in v2
item 1
item 2
item 3
item 4
item 1 item 2 item 3 item 4 #AlgoliaSearchParty Alexandre Stanislawski @bobylito

Slide 19

Slide 19 text

InstantSearch.js V2 > Let the user customize the widgets completely > Separate behavior and rendering > This is a refactoring not a new set of options Connectors in a nutshell #AlgoliaSearchParty Alexandre Stanislawski @bobylito

Slide 20

Slide 20 text

InstantSearch.js V2 Without connectors Widget factory + Templates Widget instances search.add(widget) #AlgoliaSearchParty Alexandre Stanislawski @bobylito

Slide 21

Slide 21 text

InstantSearch.js V2 With connectors Connector Rendering Widget factory Widget instances search.add(widget) + #AlgoliaSearchParty Alexandre Stanislawski @bobylito

Slide 22

Slide 22 text

InstantSearch.js V2 New documentation #AlgoliaSearchParty Alexandre Stanislawski @bobylito

Slide 23

Slide 23 text

InstantSearch.js V2 > Some breaking changes. Guide: how to migrate > New internal implementation of the slider widget > A proper default theme > New way to test widgets “à la story book” > Lighter build > Updated the searchFunction implementation Improvements #AlgoliaSearchParty Alexandre Stanislawski @bobylito

Slide 24

Slide 24 text

InstantSearch.js V2 > Give you more power to customize widgets > Simplify the library to new users > Make the core more future proof Summing up #AlgoliaSearchParty Alexandre Stanislawski @bobylito

Slide 25

Slide 25 text

The (near) future #AlgoliaSearchParty Alexandre Stanislawski @bobylito

Slide 26

Slide 26 text

InstantSearch.js V2 > Stabilize the core (as started in v2) > Modernize the stacks (test, build…) > Add more guides and content to the documentation 2.1 #AlgoliaSearchParty Alexandre Stanislawski @bobylito

Slide 27

Slide 27 text

> Bring more features from the engine into the UI > Do not be in your way > Provide consistency across InstantSearch projects Guidelines for the future InstantSearch.js V2 #AlgoliaSearchParty Alexandre Stanislawski @bobylito

Slide 28

Slide 28 text

The release candidate is live on NPM and jsDelivr: - https://community.algolia.com/instantsearch.js/v2 - https://yarnpkg.com/en/package/instantsearch.js Documentation is also available: - https://community.algolia.com/instantsearch.js/v2/ Show us what you’re doing with InstantSearch.js v2 on the community forum (http://discourse.algolia.com) InstantSearch V2 is available now InstantSearch.js V2 #AlgoliaSearchParty Alexandre Stanislawski @bobylito

Slide 29

Slide 29 text

Thank you Questions? Alexandre Stanislawski @bobylito Software engineer #AlgoliaSearchParty