ric ⚛️
@ric-m12.bsky.social
Building products for the web 🛠💻 currently at @playtomic
I share thoughts and learnings on software development, product design, and UX/UI
I share thoughts and learnings on software development, product design, and UX/UI
I'm trying to form an opinion on time estimates for engineering tasks: do you think they are useful?
June 12, 2025 at 9:02 AM
I'm trying to form an opinion on time estimates for engineering tasks: do you think they are useful?
I made a thing ✨
I called it FrameCount — a little app that lets me track what I watch and see how much time I’ve spent doing it.
It’s probably overkill, but it made me happy to build it.
Would love to hear your thoughts if you check it out 🙏
buff.ly/vqLHaep
I called it FrameCount — a little app that lets me track what I watch and see how much time I’ve spent doing it.
It’s probably overkill, but it made me happy to build it.
Would love to hear your thoughts if you check it out 🙏
buff.ly/vqLHaep
April 15, 2025 at 9:15 AM
I made a thing ✨
I called it FrameCount — a little app that lets me track what I watch and see how much time I’ve spent doing it.
It’s probably overkill, but it made me happy to build it.
Would love to hear your thoughts if you check it out 🙏
buff.ly/vqLHaep
I called it FrameCount — a little app that lets me track what I watch and see how much time I’ve spent doing it.
It’s probably overkill, but it made me happy to build it.
Would love to hear your thoughts if you check it out 🙏
buff.ly/vqLHaep
Been building a little side project these past weeks.
It tracks the movies I watch, and shows me stuff like:
→ total time spent and movies watched
→ favorite genres
→ other cool stats I didn’t know I wanted
It's built for me, but I will share tomorrow to get some feedback 🎬
It tracks the movies I watch, and shows me stuff like:
→ total time spent and movies watched
→ favorite genres
→ other cool stats I didn’t know I wanted
It's built for me, but I will share tomorrow to get some feedback 🎬
April 14, 2025 at 9:02 AM
Been building a little side project these past weeks.
It tracks the movies I watch, and shows me stuff like:
→ total time spent and movies watched
→ favorite genres
→ other cool stats I didn’t know I wanted
It's built for me, but I will share tomorrow to get some feedback 🎬
It tracks the movies I watch, and shows me stuff like:
→ total time spent and movies watched
→ favorite genres
→ other cool stats I didn’t know I wanted
It's built for me, but I will share tomorrow to get some feedback 🎬
Which tool would you choose to add your very first test to a Nextjs app?
I'm thinking about Jest, but don't know if it would be better to start with something else 🤔
I'm thinking about Jest, but don't know if it would be better to start with something else 🤔
April 12, 2025 at 12:03 PM
Which tool would you choose to add your very first test to a Nextjs app?
I'm thinking about Jest, but don't know if it would be better to start with something else 🤔
I'm thinking about Jest, but don't know if it would be better to start with something else 🤔
Going back to the OpenAI API after a couple of years or more, I'm very surprised by the number of features and good docs they have put out there.
I'm particularly amazed about the Structured queries and how efficiently they are preventing users from hacking the LLM
I'm particularly amazed about the Structured queries and how efficiently they are preventing users from hacking the LLM
April 12, 2025 at 9:45 AM
Going back to the OpenAI API after a couple of years or more, I'm very surprised by the number of features and good docs they have put out there.
I'm particularly amazed about the Structured queries and how efficiently they are preventing users from hacking the LLM
I'm particularly amazed about the Structured queries and how efficiently they are preventing users from hacking the LLM
this is the tech stack I use for the side-project I'm building:
- NextJS 15
- React 19 + TS
- Tailwind 4 + some ShadCN
- OpenAI
- Prisma + PostgreSQL
- Vercel
- PostHog
any recommendations for tools I should be using?
#buildinpublic #sideproject
- NextJS 15
- React 19 + TS
- Tailwind 4 + some ShadCN
- OpenAI
- Prisma + PostgreSQL
- Vercel
- PostHog
any recommendations for tools I should be using?
#buildinpublic #sideproject
April 11, 2025 at 11:39 PM
this is the tech stack I use for the side-project I'm building:
- NextJS 15
- React 19 + TS
- Tailwind 4 + some ShadCN
- OpenAI
- Prisma + PostgreSQL
- Vercel
- PostHog
any recommendations for tools I should be using?
#buildinpublic #sideproject
- NextJS 15
- React 19 + TS
- Tailwind 4 + some ShadCN
- OpenAI
- Prisma + PostgreSQL
- Vercel
- PostHog
any recommendations for tools I should be using?
#buildinpublic #sideproject
Did someone tried out the Firebase Studio? It works pretty bad IMO. I wasn’t able to get any result near to “good” in my tests… and it tries always to inject AI features with Gemini in your projects 😡😡
April 11, 2025 at 11:15 AM
Did someone tried out the Firebase Studio? It works pretty bad IMO. I wasn’t able to get any result near to “good” in my tests… and it tries always to inject AI features with Gemini in your projects 😡😡
One of the things I love checking in the app I'm building for tracking movies:
👉 Distribution of the movies I've watched by release year (I'm very into the 2000's)
👉 Total full days of my life spent watching shit
It’s soooo satisfying
I'll share it next week in case someone wanna take a 👀✨
👉 Distribution of the movies I've watched by release year (I'm very into the 2000's)
👉 Total full days of my life spent watching shit
It’s soooo satisfying
I'll share it next week in case someone wanna take a 👀✨
April 11, 2025 at 10:48 AM
One of the things I love checking in the app I'm building for tracking movies:
👉 Distribution of the movies I've watched by release year (I'm very into the 2000's)
👉 Total full days of my life spent watching shit
It’s soooo satisfying
I'll share it next week in case someone wanna take a 👀✨
👉 Distribution of the movies I've watched by release year (I'm very into the 2000's)
👉 Total full days of my life spent watching shit
It’s soooo satisfying
I'll share it next week in case someone wanna take a 👀✨
This days I've discovered Nuqs and I'm amazed on how cool is it. I've never imagined how messy the URL params can get very quickly, especially when working with SSR and Nextjs.
Very useful and straightforward to use!
nuqs.47ng.com
#nextjs #url #router #react
Very useful and straightforward to use!
nuqs.47ng.com
#nextjs #url #router #react
nuqs | Type-safe search params state management for React
Type-safe search params state management for React. Like useState, but stored in the URL query string.
nuqs.47ng.com
April 11, 2025 at 9:41 AM
This days I've discovered Nuqs and I'm amazed on how cool is it. I've never imagined how messy the URL params can get very quickly, especially when working with SSR and Nextjs.
Very useful and straightforward to use!
nuqs.47ng.com
#nextjs #url #router #react
Very useful and straightforward to use!
nuqs.47ng.com
#nextjs #url #router #react
Just having a fun time with shallow routing, motion in SSR React and NextJS dynamic rendering 🤙🤙🤙
#buildinpublic #react #nextjs
#buildinpublic #react #nextjs
April 10, 2025 at 11:37 PM
Just having a fun time with shallow routing, motion in SSR React and NextJS dynamic rendering 🤙🤙🤙
#buildinpublic #react #nextjs
#buildinpublic #react #nextjs
Been playing with some of this stuff:
- Next.js 15 + App Router
- React 19
- Prisma
It's a bit of an overkill for a personal movie tracker, but - I learned a lot building it. I'll share it soon just in case someone wants to throw some feedback in! 🍿
- Next.js 15 + App Router
- React 19
- Prisma
It's a bit of an overkill for a personal movie tracker, but - I learned a lot building it. I'll share it soon just in case someone wants to throw some feedback in! 🍿
April 8, 2025 at 6:57 PM
Been playing with some of this stuff:
- Next.js 15 + App Router
- React 19
- Prisma
It's a bit of an overkill for a personal movie tracker, but - I learned a lot building it. I'll share it soon just in case someone wants to throw some feedback in! 🍿
- Next.js 15 + App Router
- React 19
- Prisma
It's a bit of an overkill for a personal movie tracker, but - I learned a lot building it. I'll share it soon just in case someone wants to throw some feedback in! 🍿
🎬 Question for the movie nerds out there:
If you could get one random stat about all that you've watched — what would it be?
working on a side project and I'm curious what other people would find fun or useful 🍿
If you could get one random stat about all that you've watched — what would it be?
working on a side project and I'm curious what other people would find fun or useful 🍿
April 7, 2025 at 8:39 AM
🎬 Question for the movie nerds out there:
If you could get one random stat about all that you've watched — what would it be?
working on a side project and I'm curious what other people would find fun or useful 🍿
If you could get one random stat about all that you've watched — what would it be?
working on a side project and I'm curious what other people would find fun or useful 🍿
Lo bueno de ser autónomo es que no importa tanto desplegar los viernes
December 27, 2024 at 4:09 PM
Lo bueno de ser autónomo es que no importa tanto desplegar los viernes
Amazon ha empezado a añadir IA en las páginas de los productos. El resumen de las reseñas de los usuarios me parece super útil
December 26, 2024 at 10:44 AM
Amazon ha empezado a añadir IA en las páginas de los productos. El resumen de las reseñas de los usuarios me parece super útil
Thoughts on OpenAI’s o3? I don’t even understand the name 😅
December 23, 2024 at 11:51 AM
Thoughts on OpenAI’s o3? I don’t even understand the name 😅
Acabo de ver el vídeo de @juxtopposed.bsky.social en el que hace un rediseño completo de la interfaz de YouTube y estoy alucinado de la cantidad de cosas que se pueden mejorar en los productos que usamos día a día y no nos damos cuenta
www.youtube.com/watch?v=OUM6...
www.youtube.com/watch?v=OUM6...
I Redesigned the ENTIRE YouTube UI from Scratch
YouTube video by Juxtopposed
www.youtube.com
December 20, 2024 at 4:43 PM
Acabo de ver el vídeo de @juxtopposed.bsky.social en el que hace un rediseño completo de la interfaz de YouTube y estoy alucinado de la cantidad de cosas que se pueden mejorar en los productos que usamos día a día y no nos damos cuenta
www.youtube.com/watch?v=OUM6...
www.youtube.com/watch?v=OUM6...
La única cosa por la que no puedo desinstalar X es la pestaña de la lupa. Con un vistazo me pongo al día de los temas de actualidad en muy poco tiempo. Ojalá algo parecido en Bluesky
December 19, 2024 at 6:54 AM
La única cosa por la que no puedo desinstalar X es la pestaña de la lupa. Con un vistazo me pongo al día de los temas de actualidad en muy poco tiempo. Ojalá algo parecido en Bluesky
I'm experimenting with animation libraries and motion.dev is mindblowing. The thought and care the creators have put into this thing is insane, and docs are 👌
I know some people prefer GSAP as it comes with tools for text animations, but I haven't tested it yet
I know some people prefer GSAP as it comes with tools for text animations, but I haven't tested it yet
Motion - A modern animation library for JavaScript and React
Motion is built on native browser APIs for a tiny filesize and superfast performance. It uses hardware acceleration for smooth and eco-friendly animations. Previously Framer Motion.
motion.dev
December 15, 2024 at 10:06 AM
I'm experimenting with animation libraries and motion.dev is mindblowing. The thought and care the creators have put into this thing is insane, and docs are 👌
I know some people prefer GSAP as it comes with tools for text animations, but I haven't tested it yet
I know some people prefer GSAP as it comes with tools for text animations, but I haven't tested it yet
Realistic Pokemon cards with CSS
Codepen: https://codepen.io/msriki12/pen/yyBNMEr
#css #html #pokemon #javascript
Codepen: https://codepen.io/msriki12/pen/yyBNMEr
#css #html #pokemon #javascript
December 13, 2024 at 9:32 AM
Realistic Pokemon cards with CSS
Codepen: https://codepen.io/msriki12/pen/yyBNMEr
#css #html #pokemon #javascript
Codepen: https://codepen.io/msriki12/pen/yyBNMEr
#css #html #pokemon #javascript
Recently, I’ve been experimenting with CSS to achieve a retro CRT effect. Combined it with a fun audio clip for extra nostalgia 🎮
Check it out and play with the code here:
👉 https://codepen.io/msriki12/pen/wBwMzjq
What would you build with this?
#css #webdev #frontend
Check it out and play with the code here:
👉 https://codepen.io/msriki12/pen/wBwMzjq
What would you build with this?
#css #webdev #frontend
December 12, 2024 at 10:03 AM
Recently, I’ve been experimenting with CSS to achieve a retro CRT effect. Combined it with a fun audio clip for extra nostalgia 🎮
Check it out and play with the code here:
👉 https://codepen.io/msriki12/pen/wBwMzjq
What would you build with this?
#css #webdev #frontend
Check it out and play with the code here:
👉 https://codepen.io/msriki12/pen/wBwMzjq
What would you build with this?
#css #webdev #frontend
Just published my first article on Medium! 🎉
💡 Why You Should Be Using Pointer Events
Pointer events simplify cross-device interactions with a unified API 💻 ➡️📱
👉 Read it here: https://medium.com/@_ric/why-you-should-be-using-pointer-events-5b1e68171bac
#webdevelopment #javascript #frontend
💡 Why You Should Be Using Pointer Events
Pointer events simplify cross-device interactions with a unified API 💻 ➡️📱
👉 Read it here: https://medium.com/@_ric/why-you-should-be-using-pointer-events-5b1e68171bac
#webdevelopment #javascript #frontend
December 11, 2024 at 10:26 AM
Just published my first article on Medium! 🎉
💡 Why You Should Be Using Pointer Events
Pointer events simplify cross-device interactions with a unified API 💻 ➡️📱
👉 Read it here: https://medium.com/@_ric/why-you-should-be-using-pointer-events-5b1e68171bac
#webdevelopment #javascript #frontend
💡 Why You Should Be Using Pointer Events
Pointer events simplify cross-device interactions with a unified API 💻 ➡️📱
👉 Read it here: https://medium.com/@_ric/why-you-should-be-using-pointer-events-5b1e68171bac
#webdevelopment #javascript #frontend
React 19 is now stable, and with this new version, the funniest moments of the year arrive: The Migration! 🎉🚀
Let me walk you through the key steps for migrating from React 18 to React 19 🧵
#react #react19 #javascript
Let me walk you through the key steps for migrating from React 18 to React 19 🧵
#react #react19 #javascript
December 10, 2024 at 8:54 AM
React 19 is now stable, and with this new version, the funniest moments of the year arrive: The Migration! 🎉🚀
Let me walk you through the key steps for migrating from React 18 to React 19 🧵
#react #react19 #javascript
Let me walk you through the key steps for migrating from React 18 to React 19 🧵
#react #react19 #javascript