ianjones.info

I’m posting all the lessons I create related to @tanstack.com table in this thread. Follow along ☺️ bsky.app/profile/ianj...

Wanna _really_ learn Cursor? I'm putting together a workshop covering all the ins-and-out from using Cursor full-time since late '23. I've got that real-world, juicy goodness cookin' and almost ready to serve. Sign-up here to be first in line: egghead.io/workshop/cur...

Accidentally PRd my 5 rep deadlift by 40 lbs today and i’m here for it 🦵

This was a fun one! React use is the 🐐 egghead.io/fetch-and-re...

my friend @jason.energy makes game shows for developers and i was a contestant with the amazing @shrutikapoor08.bsky.social youtu.be/SlRmQxlg-1I?...

I published my first Egghead video 😁 egghead.io/write-a-prop...

Rendering remote data in a @tanstack.com table with React.use 🛰️ egghead.io/render-remot...

Hey all, I have freelance/consulting capacity opening up for the first time in years. I love to work cross-stack with businesses building on Ruby on Rails, PostgreSQL, React+TypeScript, and Next.js. Please share for reach. Contact me here or via my consulting site www.visualmode.dev

The captain is dead with @ianjones.info the other day Super fun one.

Turning up the heat on these @tanstack.com tables 🔥 We render 10000 rows in the table and watch the browser struggle. Then we virtualize the rows with Tanstack Table and see how much better the browser does with the virtual list. egghead.io/create-a-row...

2 inches of standing water in the crawl space of my house to end the week 👍👍

#ICYMI This week on egghead.io: - Gemini Charts - AI YOLO - Gemini Analysis - Tanstack Columns - Compare Sites - React Automation - Verdaccio Release - TS Classes

Wanted to try using AI to generate charts based on yesterday's NBA games. Ran Gemini's in "Grounding", "Structured Output", and "Code Execution" through its paces: egghead.io/generate-cha...

These poppis are fire

Name a non-LOTR character who could resist the One Ring

Hide and Show Columns with Tanstack Table egghead.io/hide-and-sho...

When your browser test finds a bug in your keyboard navigation and you think the test is all of a sudden being flakey 😂

Create a mobile friendly table with the before pseudo-element by yours truly egghead.io/create-a-mob...

👀

@johnlindquist.com: Generate Mermaid Flow Chart Diagrams with Gemini 2.0 from Rough Screen Recordings -lesson on @egghead.io egghead.io/generate-mer...

Yo, this @mattpocock.com TS generics course if free till the 19th and its a banger. Dont miss out 😮https://www.totaltypescript.com/workshops/typescript-generics

@johnlindquist.com explores how you can pass your whole code base to Gemini 2.0 to look for optimizations and bugs you could have missed

hittin the slopes early

Remote interception Remix demo is finally has its ONE test passing 🎉 The important part is that test controls the server-side network of Remix!

Gemini 2.0 can inspect *100s* of files, so you can ask Gemini to generate instructions for MASSIVE refactors across your entire codebase. In this 2 minute lesson, I walk you through how to do this yourself with a combination of Gemini and Windsurf: egghead.io/use-gemini-2...

I'm working on built-in profiling of both Client and Server Components in Chrome DevTools Performance tab. Thanks to the new performance.measure() extensions. h/t Andrés Olivares This works in any RSC environment. In fact, this screenshot is running RSC for Parcel. h/t @devongovett.bsky.social

Important little nuance here about callback ref's cleanup function in React 19. If you are assigning a ref object in a callback ref and you decide to add a cleanup function, make sure you re-assign the ref during cleanup.

New feed: Leaflets — any docs made with @leaflet.pub and shared on Bluesky! 🍃 You can use Leaflet to publish essays, lists, links, logs, notes, ideas, events, guides, poems, stories… More ideas for *social docs* with atproto in the works :) Try it out by posting a Leaflet you've made!

Im on a role with this one egghead.io/render-custo...

Let AI Watch Your Screen! Google's AI Studio now has a "Stream Realtime" feature which can observe you screen and listen to your microphone. I attempted to recreate our egghead.io homepage into a starter Next.js template. I'm SUPER excited for the future! egghead.io/let-ai-watch...

📰 Today, I write about Open Graph image generation (in Remix). I compare the runtime and build-time approaches, reflecting on my experience with Satori, and arriving at a build-time solution that uses flawless, limit-less image generation. kettanaito.com/blog/build-...

"does @drizzle.team support sqlite in durable objects?" oh FUCK ya. it's on. orm.drizzle.team/docs/connect...

React v19 is now stable! react.dev/blog/2024/12...

Windsurf vs. Cursor: a Battle of the Coding Agents I'm putting the two IDEs side-by-side and giving them the same tasks to find the winner. Starting with the simplest task: a cli quote generator. egghead.io/windsurf-cas...

We’ve been doing something like this with an internal test framework at work and it’s a game changer. We use remix so this allows us to fully mock out your loaders 🥹

#CSS scroll-state() container queries: the "stuck" query ```css @container scroll-state(stuck: top) { box-shadow: var(--shadow-5); border-radius: var(--radius-3); margin: var(--size-5); } ``` article coming soon! (currently in Canary experiments)