Did you ever think about how you can search on thousands or millions of data on a database? did you think about elastic search and its complicated stack? Well, you're in the right place to learn about Typesense. The new alternative that is easy enough to set up, populate and search on you can set up in less than 1 hour. In this video, we will set up a Typesense server and index 10,000 movies on it, we also going to create a Full React app that shows a UI Interface to search and filter the huge list of indexed movies in milliseconds.


Aviyel is a knowledgesharing platform that opens up the seamless exchange of ideas, issues, discussions, and events exclusively for the opensource community ( creators, maintainers, and contributors ) and developers and businesses who use Open source to build amazing products.
Click on the link below to know more about Typesense https://bit.ly/3qVAC2z


⭐ Timestamps ⭐
00:00:00 Getting Started
00:01:42 Video Sponsor
00:06:08 Setting up Project and Installing Dependencies
00:09:06 The Large Data we are going to use
00:11:15 Create Typesense server startscript
00:22:09 Populating (Indexing) Typesense Database
00:54:07 Connect to the Typesense server from Ui
01:02:27 Rendering Typesense Search Results (Hits)
01:10:37 Instantsearch Hits Text Highlighting
01:12:56 Prioritizing Search attributes (Title vs Description)
01:14:12 Customizing Search Highlights
01:15:50 Movie Genres Filters


Clone and Star the project on Github:
https://github.com/ipenywis/reacttyp...


Watch Tutorial on Designing the website on Figma
   • I Design a onecolor Website in 1 hour...  

Watch Create a Modern React Login/Register Form with smooth Animations
   • Create a Modern React Login/Register ...  

Debug React Apps Like a Pro | Master Debugging from Zero to Hero with Chrome DevTools
   • Debug React Apps Like a Pro | Master ...  

Master React Like Pro w/ Redux, Typescript, and GraphQL | Beginner to Advanced in React
   • Master React Like Pro w/ Redux, Types...  

Learn Redux For Beginners | React Redux from Zero To Hero build a realworld app
   • Debug React Apps Like a Pro | Master ...  

Build Login/Register API Server w/ Authentication | JWT Express AUTH using Passport.JS and Sequelize
   • Build Login/Register API Server w/ Au...  

Introduction to GraphQL with Apollo and React
   • Introduction to GraphQL with Apollo a...  



Follow me on Twitter:   / ipenywis  
Github Profile: https://github.com/ipenywis

Made with by Coderone