iiinova — where your digital self keeps evolving

Reposted by @ianjones.info

John Lindquist @johnlindquist.com · 30/01/2025

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...

egghead.io

Expert led courses for front-end web developers.

expert led courses for front-end web developers and teams that want to level up through straightforward and concise lessons on the most useful tools available.

1122

ianjones.info @ianjones.info · 28/01/2025

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

120

Reposted by @ianjones.info

joel 🌦️ @joelhooks.com · 21/01/2025

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

youtu.be

"I WAS BORN IN THE SPICE" S1.E2 — Leet Heat

YouTube video by Learn With Jason

5418

Reposted by @ianjones.info

🎱 Josh Branchaud ✨ @jbranchaud.bsky.social · 09/01/2025

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

visualmode.dev

VisualMode - Small-batch software development and consulting

Your business is built on software. You need that software to run like a well-oiled machine so that you can keep moving forward. VisualMode can help. We bring cross-discipline, full-stack expertise to...

2126

Reposted by @ianjones.info

zac jones @zacjones.dev · 06/01/2025

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

A board game with quite a lot going on to describe via text.

011

ianjones.info @ianjones.info · 04/01/2025

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...

egghead.io

Create a row virtualized HTML table with Tanstack Virtual

Learn how to implement virtual scrolling in React tables using TanStack Table and Tanstack Virtual with the useWindowVirtualizer React hook.

030

ianjones.info @ianjones.info · 03/01/2025

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

000

Reposted by @ianjones.info

egghead.io @egghead.io · 27/12/2024

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

071

Reposted by @ianjones.info

John Lindquist @johnlindquist.com · 26/12/2024

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...

egghead.io

Generate Charts from Current Events with Gemini's Structured Output and Code Execution

expert led courses for front-end web developers and teams that want to level up through straightforward and concise lessons on the most useful tools available.

031

ianjones.info @ianjones.info · 23/12/2024

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

021

ianjones.info @ianjones.info · 21/12/2024

One nice thing about bsky is notifications are actually real and aren’t just another algorithmic feed

100

ianjones.info @ianjones.info · 18/12/2024

Competing with @johnlindquist.com to always have the latest egghead lesson 😂 (its not even close)

Screenshot of latest egghead.io lessons when Ian Jones' lesson is the latest.

330

ianjones.info @ianjones.info · 16/12/2024

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

1224

Reposted by @ianjones.info

Artem Zakharchenko @kettanaito.com · 13/12/2024

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

0111

Reposted by @ianjones.info

John Lindquist @johnlindquist.com · 13/12/2024

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...

egghead.io

Use Gemini 2.0 to Create Agent Instructions to Refactor an Entire Codebase

expert led courses for front-end web developers and teams that want to level up through straightforward and concise lessons on the most useful tools available.

0111

Reposted by @ianjones.info

Sebastian Markbåge @sebmarkbage.calyptus.eu · 12/12/2024

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

Screenshot showing the Chrome DevTools Performance tab with RSC integration.

318923

Reposted by @ianjones.info

Chance @chance.dev · 12/12/2024

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.

Typescript code snippet:

function setRefReact18(node) {
// setRef is called when the element is attached and detached. When detaching,
// the node is null. So if it's referenced elsewhere (eg: another element's
// event handler), its value will be null if the element is not rendered.
nodeRef.current = node;
}

function setRefReact19(node) {
// setRef is called when the element is attached but *not* when it's detached.
nodeRef.current = node;
let mutationObserver = new MutationObserver(() => {/* ... */});
mutationObserver.observe(node, { attributes: true });
return () => {
// If you add a cleanup function be sure to explicitly re-assign the ref
// object to null during cleanup, or other references will point to the
// ghost element that no longer exists.
nodeRef.current = null;
mutationObserver.disconnect();
};
}

2434

Reposted by @ianjones.info

Leaflet @leaflet.pub · 12/12/2024

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!

0183

Reposted by @ianjones.info

John Lindquist @johnlindquist.com · 12/12/2024

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...

egghead.io

Let AI Watch Your Screen: Build Next.js Pages with AIStudio's Stream Realtime

expert led courses for front-end web developers and teams that want to level up through straightforward and concise lessons on the most useful tools available.

161

Reposted by @ianjones.info

Artem Zakharchenko @kettanaito.com · 12/12/2024

📰 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-...

0141

ianjones.info @ianjones.info · 12/12/2024

Create a Table Component with Shadcn and Tanstack Table -lesson on @egghead.io egghead.io/create-a-tab...

130

Reposted by @ianjones.info

React @react.dev · 05/12/2024

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

react.dev

React v19 – React

The library for web and native user interfaces

321279340

Reposted by @ianjones.info

John Lindquist @johnlindquist.com · 05/12/2024

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...

egghead.io

Windsurf Cascade vs. Cursor Composer Agent Side-by-Side Comparison

expert led courses for front-end web developers and teams that want to level up through straightforward and concise lessons on the most useful tools available.

2101

ianjones.info @ianjones.info · 05/12/2024

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 🥹

110

Reposted by @ianjones.info

Adam Argyle @nerdy.dev · 05/12/2024

#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)

2350859

ianjones.info @ianjones.info · 29/11/2024

Post-Thanksgiving Latte and ginger cake with caramel sauce 🤩

100

ianjones.info @ianjones.info · 25/11/2024

can confirm delicious ✅

120

Reposted by @ianjones.info

Adam Argyle @nerdy.dev · 18/03/2024

🆕 BYO #CSS Tokens To Tailwind v4 alpha's New CSS Centric Config - basic v4 config setup - customize font sizes, colors, shadows, easing - add gradients - setup adaptive utilities nerdy.dev/BYO-CSS-toke...

@import "tailwindcss";
@import "open-props/style";

@theme {
--color-ink-1: var(--ink-1);
--color-ink-2: var(--ink-2);
--color-surface-1: var(--surface-1);
--color-surface-2: var(--surface-2);
--color-link: var(--link);
}

1395

ianjones.info @ianjones.info · 23/11/2024

Waxed and read to go 🏂

010

ianjones.info @ianjones.info · 22/11/2024

My team is hiring a senior/senior+ front end engineer. I’ve been on the team for half a year and love it. If you or anyone you know want to apply let me know. We are rebuilding our companies core product in remix/graphql/zod and it’s a delight to work with.

131

ianjones.info @ianjones.info · 14/06/2024

The garden is flourishing this year

1220