Fixes streaming issues at reactive-core

• Add defaultQuery in search components #353 (Support will be added in other components in coming releases)
• Add onPageClick in result components #396
• Add containerProps in ResultCard and ResultList #376

Includes:

• Fixes issue with onValueSelected getting called twice here
• Support dyanmic props on ReactiveBase component #373
• Handle pagination updates on defaultQuery change in result components - here

Includes the following core fixes:

• Fix an edge case with generating suggestions with numeric splits #8
• Add _index key to hits - to help segregate the hits handling based incase of multiple indexes #9
• Fix onQueryChange behavior #335 #362

Includes:

• Architectural fixes to persist the watchman state in case of component unmount - This helps in keeping the component subscription active incase the component gets remounted.

Includes:

• Add onValueSelected in search components #254
• Fix issue #371 resetting page number on sort change #372
• Cleanup stale url-params on component unmount #368

Fixes query timestamp logic in core which should prevent stale results from getting rendered 🤖

Includes

• Fixes MultiDataList missing queryListener handlers 89d3ffb278e20233b84abd1f2df89441d9a17664
• Better query generation for result components - by preventing firing of (multiple) partial network queries 254598be037c44a31a5aeed941176007bd1ca722

We are excited to release v2.6.0 🍾 with two major stable enhancements that will significantly improve the rendering speed, performance and SEO of your apps built with Reactivesearch.

You can read the release blog post here.

Server Side Rendering support

SSR with React enables us to generate the initial content on the server, so the browser can download the pre-determined HTML content of your react app and significantly improve the first meaningful paint of your application. It lets you consequently handle the updates in the browser and make the entire experience feel seamless. This allows:

1. Faster loading of pages 

You will not see any flickering or loading animations while rendering your app on an initial load. The response from the server is the HTML of your react app that is ready to be rendered.

2. Better SEO

Since the response from your SSR application is HTML, the content is more easily accessible to search engine crawlers than that of a dynamically rendered CSR application.

SSR makes a lot of sense for use-cases where we’d typically want to get the results rendered as fast as possible, and not worrying about their interactivity during the initial few seconds of the page load. This improves the user experience for products like e-commerce where you can utilise SSR to render results quickly and subsequently making the app interactive by lazily loading the javascript bundle.

👉 Get started with SSR with Reactivesearch here.

Combined execution of async query requests

We have gone a step further and added support for _msearch based query execution in the core of ReactiveSearch. This enables us to evaluate and execute multiple queries together whenever possible (saving on a lot of API fetch requests).

This enhancement also powers the underlying implementation for SSR wherein we make only one API request to fetch the results of all reactive-components present in an app. Together, these changes will significantly improve the performance of the apps built with Reactivesearch v2.6 and above.

Other Notable Changes

1. Typescript support 🎉

 We now fully support Typescript definitions for reactivesearch components. So if you are using Typescript with reactivesearch, you should feel right at home.

2. Improved query generation with complex react props 🤖 

 We have also updated the core logic to enhance the query generation for complex (react prop) use-cases. With this, you can now easily manage apps with complex OR, AND, NOT based relationship between the reactive-components. Read more about its usage here.

3. Better error handling ⚠️ 

 We have added support for onError methods on all result components which allows better handling of network or query related errors. Implemented here.

Bug Fixes

• Fix onSuggestion rendering logic in search components here
• Support toggling on integer based dropdown lists #337
• Fix and cleanup infinte loading logic in Result components #336
• Fix queryOptions generation logic in search components here

Full changelog of v2.5.1...v2.6.0 can be seen here.

• Fix defaultQuery behavior in ReactiveComponent
• fix #329 - highlightQuery issue with SSR
• update query logic for SSR
• update URLParams prop type to bool

Includes:

• Add dynamic defaultQuery support in ReactiveComponent #313
• Fix an edge case with SingleDropdownList which threw React into an infinite update loop #317
• Add support for showClear and clearIcon props in TextField, DataSearch and CategorySearch #255
• Add support for combined queries via msearch
• Add support for SSR
• Fix onValueChange behavior

Includes:

• Use commonjs module for rheostat #289
• Adds support for aggregations on missing values for list components via showMissing and missingLabel prop #291
• Adds onDrag support for RangeSlider components #284
• Fixes dynamic size and pagination updates #298
• Refactor Result Components #303

• Add customHighlight prop support in DataSearch and CategorySearch #285
• Add renderListItem prop support in Single/Multi/DropdownList components #282

Adds 🌳 tree shaking capabilities with ES modules support 62a2ace6148fbbe6795ea69fc85a0ea260501a72

This release extends theming support: Now, you can create dark themed apps with Reactivesearch easily as well as extend theming to your own color palette preferences with themePreset. Read more about it in the theming docs here.

It also includes fixes for important bugs and packs in performance improvements

Includes

• Fixes ToggleButton interaction behavior #273
• Fixes MultiDataList lifecycle issues #271
• Fixes URLParams in RatingsFilter #265
• Fixes MultiDataList generation with values instead of labels #244
• Fixes keys collision in RatingsFilter #266
• Add support for active className in Pagination component #264
• Add support for paginationAt prop both in Result components bfe7430ed6871bc38a629b70f882dd1c6d53ea5b
• Add support for innerClass count in list compoonents #268
• Add onPageChange prop support #274
• Support custom loader for infinite-loading #253
• Strip extra slash from query request url #279
• Extend theming support #195

Check docs for more details 💯

Includes:

• SSR improvements #239
  • Conditionally use window for setting search query params 3220609e3b7f08f4fa4c868f4f30d4398e087f62
• TextField ref prop support and other improvements 204472a248678ac416e6a53e78a97061a22e9adf e246a658534e9cffb6670790f1a4fe66f60da797
• Update emotion to 9.0.0 b5eba0e8e824a612f335b8b6890a015c6ea1e88e

Includes:

• Fixes auth headers issue #241
• Fixes List item selection issue #235
• Better redux-store segmentation #234

💯

Includes

• Better pagination handling #175
• Fixes rendering issues with google page crawling #211
• Better ws handshake handling #208
• Fixes url prop support in ReactiveBase and appbase-js #206

Includes

• Streaming support on result components #194
• Pagination bug fixes #204
• DynamicRangeSlider bug fixes #209
• Misc improvements

Announcing Reactivesearch 2.0 ⚡️

• Focusing primarily on improving the developer experience(DX) 😸
• Better styling and theming options 💅
• Component scoped styles 🎨
• Easy setup. Zero boilerplate settings ✅
• Blazing fast components 🚀
• Supports custom components 🤘

Getting Started 👶

• Quickstart Tutorial
• Build a book-search app in minutes

💯