Рет қаралды 91
Want to add typo-tolerant full text search functionality to your React app without needing an expensive search server? Join me as I build an emoji search app that you can reference in your next project!
I'll walk through the process step-by-step, from fetching emoji data to implementing a basic search all the way to an advanced fuzzy search with ranking and highlighting.
Plus, we'll refactor the code into a reusable custom hook for cleaner and more maintainable code.
This video is perfect for developers of all levels who want to level up their frontend skills and explore the potential of client-side text search!
Links:
github.com/ChristianAlexander...
www.fusejs.io/
jdan.github.io/98.css/
Timestamps:
DEMO - 0:00
Project Setup - 0:22
Basic Search - 3:47
Highlighting Results - 5:43
Fuzzy Search - 7:53
Refactor to Custom Hook - 10:10
Styling like the 90s - 15:00
Final Results - 15:46
Summary - 16:06
Music from #Uppbeat (free for Creators!):
uppbeat.io/t/prigida/stellar-...
License code: 8KCL5CS7FLV8CCYF