mwinel
/ autocomplete-input.tsx
Last active
June 19, 2024 06:42
This gist implements a Trie (prefix tree) structure and integrates it into a React component to provide autocomplete functionality. The Trie structure efficiently stores and retrieves words, making it ideal for autocomplete and search applications. The React component uses the Trie to suggest completions for user input in real time.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 'use client'; | |
| import React from 'react'; | |
| import { cn } from './utils'; | |
| export type AutocompleteInputProps = | |
| React.InputHTMLAttributes<HTMLInputElement> & { | |
| suggestion: string; | |
| }; |
mwinel
/ constact-form.jsx
Last active
May 16, 2023 13:17
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // install nodemailer | |
| // install formik | |
| import React from 'react'; | |
| import { useFormik } from 'formik'; | |
| const ContactForm = () => { | |
| const formik = useFormik({ | |
| initialValues: { | |
| name: '', |