losslessbear
losslessbear.bsky.social
losslessbear
@losslessbear.bsky.social
11 followers 69 following 29 posts
cooking a strong tech stack
Posts Media Videos Starter Packs
react-hook-form : with svg animation
UI day's : tailwindcss, exploring the Interactive Async UI.
onSelect, yet to implement.
UI day's : chat Interface
className-tales
Header: sticky top-0
Footer:fixed bottom-0
Reposted by losslessbear
leave tasks for your fairies around the canvas, then get one of them to rate the work of all the others
UI Day's : responsive
5 major breakpoints
"sm": 640px
"md": 768px
"lg": 1024px
"xl": 1280px
"2xl":1536px
dashboard : UI
Tech Stack : vite,reactjs,react-router,react-hook-form,tailwindcss,framer-motion.
Flower : svg animation
Dashboard UI

SVG & Dashboard :
UI day's

added the OnScroll : blurbackground
working on UI

scroll : backdrop blur on scroll

Tech stack: framer-motion & tailwindcss
dropdown with all results
dropdown : text position got fixed.
Filtering,Pagination... : tanstack,ag-grid
adding to the list of broken UI's : on render
exploring the grid

"[&_...]:..." : filtering the repetition , using this and responsiveness gets messy.
Reposted by losslessbear
🔥 React 19.2 is out. You probably have questions.
🎯 I’ll be leading a panel at React Conf with the React Core Team and want to bring your questions to them.
Drop them below 👇

Updates -
1️⃣ <Activity />
2️⃣ useEffectEvent
3️⃣ cacheSignal
4️⃣ DevTools performance tracks
React 19.2 – React
The library for web and native user interfaces
react.dev
data fetch component [Dog-Image] inside : broke-ui
"bento-grid": close enough
quickly got this initial UI working.
just ("Tailwind-CSS").

Closely approximated the ("Liquid-Glass") design , so ...
will learn nuqs for type-safe url search param.Felt the need for this .
using reactjs , not made a call on , state manager yet .

friend suggested ,go for redux , I have spend time with recoil really liked the creator explained the atoms and how they can access on canvas it was great .
Also, tried Zustand too

i think will go for redux and move on .
Tanstack Query : again suggested by friends, docs are always open.

i tried without using any state manager so far, working with this .

This is really big to cover .
Pagination,filtering specially working with tables , charts .

Also for the table, Ag-grid , just send row and columns.
react-hook-form : friends suggested on building a form , building from scratch required was fun since now i know exactly what this does .

zod intergration for runtime validation inputs.