Author | Lightnews

losslessbear @losslessbear.bsky.social · 4d

react-hook-form : with svg animation

losslessbear @losslessbear.bsky.social · 6d

UI day's : tailwindcss, exploring the Interactive Async UI.
onSelect, yet to implement.

1

losslessbear @losslessbear.bsky.social · 7d

UI day's : chat Interface
className-tales
Header: sticky top-0
Footer:fixed bottom-0

1

Reposted by losslessbear

Lu wilson @todepond.com · 8d

leave tasks for your fairies around the canvas, then get one of them to rate the work of all the others

2 4 23

losslessbear @losslessbear.bsky.social · 9d

UI Day's : responsive
5 major breakpoints
"sm": 640px
"md": 768px
"lg": 1024px
"xl": 1280px
"2xl":1536px

2

losslessbear @losslessbear.bsky.social · 10d

dashboard : UI
Tech Stack : vite,reactjs,react-router,react-hook-form,tailwindcss,framer-motion.
Flower : svg animation

1

losslessbear @losslessbear.bsky.social · 20d

Dashboard UI

SVG & Dashboard :

losslessbear @losslessbear.bsky.social · 20d

UI day's

added the OnScroll : blurbackground

losslessbear @losslessbear.bsky.social · 20d

UI day

Svg animations

losslessbear @losslessbear.bsky.social · 20d

working on UI

scroll : backdrop blur on scroll

Tech stack: framer-motion & tailwindcss

1

losslessbear @losslessbear.bsky.social · Oct 5

dropdown with all results

dropdown: allresults .

just have to put condition for each one of them.

losslessbear @losslessbear.bsky.social · Oct 5

dropdown : text position got fixed.

losslessbear @losslessbear.bsky.social · Oct 5

select : ?

losslessbear @losslessbear.bsky.social · Oct 5

Filtering,Pagination... : tanstack,ag-grid

pagination: does endpoints supports pagination.
agrid or table

losslessbear @losslessbear.bsky.social · Oct 5

adding to the list of broken UI's : on render

1

losslessbear @losslessbear.bsky.social · Oct 4

exploring the grid

"[&_...]:..." : filtering the repetition , using this and responsiveness gets messy.

Reposted by losslessbear

Shruti Kapoor @shrutikapoor08.bsky.social · Oct 3

🔥 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

1 4

losslessbear @losslessbear.bsky.social · Oct 3

losslessbear @losslessbear.bsky.social · Oct 3

data fetch component [Dog-Image] inside : broke-ui

losslessbear @losslessbear.bsky.social · Oct 3

"bento-grid": close enough

2

losslessbear @losslessbear.bsky.social · Oct 2

quickly got this initial UI working.
just ("Tailwind-CSS").

Closely approximated the ("Liquid-Glass") design , so ...

losslessbear @losslessbear.bsky.social · Oct 1

will learn nuqs for type-safe url search param.Felt the need for this .

losslessbear @losslessbear.bsky.social · Oct 1

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 .

losslessbear @losslessbear.bsky.social · Oct 1

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.

losslessbear @losslessbear.bsky.social · Oct 1

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.

1 1