@ianjones.info
📤 92
📥 239
📝 70
https://ianjones.info
pinned post!
I’m posting all the lessons I create related to
@tanstack.com
table in this thread. Follow along ☺️
bsky.app/profile/ianj...
add a skeleton here at some point
about 1 year ago
0
2
1
reposted by
John Lindquist
11 months ago
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...
loading . . .
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.
https://egghead.io/workshop/cursor
1
12
2
Accidentally PRd my 5 rep deadlift by 40 lbs today and i’m here for it 🦵
11 months ago
1
2
0
This was a fun one! React use is the 🐐
egghead.io/fetch-and-re...
loading . . .
Fetch and render paginated data with React 19 use
Fetch paginated date with React 19 use. Update the promise useState is storing for each page of data.
https://egghead.io/fetch-and-render-paginated-data-with-react-19-use~b42bd
11 months ago
0
0
1
reposted by
joel 🌦️
12 months ago
my friend
@jason.energy
makes game shows for developers and i was a contestant with the amazing
@shrutikapoor08.bsky.social
youtu.be/SlRmQxlg-1I?...
loading . . .
"I WAS BORN IN THE SPICE" S1.E2 — Leet Heat
YouTube video by Learn With Jason
https://youtu.be/SlRmQxlg-1I?si=EcDGRoPdIhv5luRZ
5
41
9
reposted by
Sam Rose
12 months ago
I published my first Egghead video 😁
egghead.io/write-a-prop...
loading . . .
Write a property-based test with TypeScript and fast-check
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.
https://egghead.io/write-a-proprety-based-check-with-type-script-and-fast-check~3cxqa
2
41
7
Rendering remote data in a
@tanstack.com
table with React.use 🛰️
egghead.io/render-remot...
loading . . .
Render remote data in a Tanstack Table with React 19's use hook and a promise
Create a custom hook using React 19’s use to fetch data with a promise. Render it in a Tanstack Table by memoizing and using useReactTable.
https://egghead.io/render-remote-data-in-a-tanstack-table-with-react-19s-use-hook-and-a-promise~1hxre
12 months ago
0
2
2
reposted by
🎱 Josh Branchaud ✨
12 months ago
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
loading . . .
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...
https://www.visualmode.dev/
2
12
9
reposted by
zac jones
about 1 year ago
The captain is dead with
@ianjones.info
the other day Super fun one.
0
1
1
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...
loading . . .
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.
https://egghead.io/create-a-row-virtualized-html-table-with-tanstack-virtual~t3b7g
about 1 year ago
0
3
1
2 inches of standing water in the crawl space of my house to end the week 👍👍
about 1 year ago
0
0
0
reposted by
egghead.io
about 1 year ago
#ICYMI
This week on
egghead.io
: - Gemini Charts - AI YOLO - Gemini Analysis - Tanstack Columns - Compare Sites - React Automation - Verdaccio Release - TS Classes
0
7
1
reposted by
John Lindquist
about 1 year ago
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...
loading . . .
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.
https://egghead.io/generate-charts-from-current-events-with-geminis-structured-output-and-code-execution~hebgc
0
3
1
These poppis are fire
about 1 year ago
0
0
0
Name a non-LOTR character who could resist the One Ring
add a skeleton here at some point
about 1 year ago
0
2
0
Hide and Show Columns with Tanstack Table
egghead.io/hide-and-sho...
loading . . .
Hide and Show Columns with Tanstack Table
Learn to hide and show columns in an HTML table with Tanstack Table. Render switch components with shadcn.
https://egghead.io/hide-and-show-columns-with-tanstack-table~63qg4
about 1 year ago
0
4
3
I’m posting all the lessons I create related to
@tanstack.com
table in this thread. Follow along ☺️
bsky.app/profile/ianj...
add a skeleton here at some point
about 1 year ago
0
2
1
One nice thing about bsky is notifications are actually real and aren’t just another algorithmic feed
about 1 year ago
1
0
0
When your browser test finds a bug in your keyboard navigation and you think the test is all of a sudden being flakey 😂
about 1 year ago
1
2
0
Competing with
@johnlindquist.com
to always have the latest egghead lesson 😂 (its not even close)
about 1 year ago
3
3
0
Create a mobile friendly table with the before pseudo-element by yours truly
egghead.io/create-a-mob...
loading . . .
Create a mobile friendly table with the before pseudo-element
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.
https://egghead.io/create-a-mobile-friendly-table-with-the-before-pseudo-element~nxh2n
about 1 year ago
0
6
2
👀
add a skeleton here at some point
about 1 year ago
0
2
0
@johnlindquist.com
: Generate Mermaid Flow Chart Diagrams with Gemini 2.0 from Rough Screen Recordings -lesson on
@egghead.io
egghead.io/generate-mer...
loading . . .
Generate Mermaid Flow Chart Diagrams with Gemini 2.0 from Rough Screen Recordings
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.
https://egghead.io/generate-mermaid-flow-chart-diagrams-with-gemini-2-0-from-rough-screen-recordings~sipq3
about 1 year ago
0
3
0
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
about 1 year ago
1
22
4
reposted by
egghead.io
about 1 year ago
@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
loading . . .
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.
https://egghead.io/use-gemini-2-0-to-create-agent-instructions-to-refactor-an-entire-codebase~qipyw
1
7
2
hittin the slopes early
about 1 year ago
0
1
0
reposted by
Artem Zakharchenko
about 1 year ago
Remote interception Remix demo is finally has its ONE test passing 🎉 The important part is that test controls the server-side network of Remix!
0
11
1
reposted by
John Lindquist
about 1 year ago
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...
loading . . .
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.
https://egghead.io/use-gemini-2-0-to-create-agent-instructions-to-refactor-an-entire-codebase~qipyw
0
11
1
reposted by
Sebastian Markbåge
about 1 year ago
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
3
190
25
reposted by
Chance
about 1 year ago
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.
2
43
4
reposted by
Leaflet
about 1 year ago
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!
add a skeleton here at some point
0
19
5
Im on a role with this one
egghead.io/render-custo...
loading . . .
Render Custom JSX in a Tanstack Table cell
Use tanstack table flexRender method to render custom components in a table component. Capitalize letters, apply conditional styling, and render dates w...
https://egghead.io/render-custom-jsx-in-a-tanstack-table-cell~yx9yj
about 1 year ago
0
4
2
reposted by
John Lindquist
about 1 year ago
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...
loading . . .
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.
https://egghead.io/let-ai-watch-your-screen-build-next-js-pages-with-ai-studios-stream-realtime~5fcvt
1
6
1
reposted by
Artem Zakharchenko
about 1 year ago
📰 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-...
0
14
1
Create a Table Component with Shadcn and Tanstack Table -lesson on
@egghead.io
egghead.io/create-a-tab...
about 1 year ago
1
3
1
reposted by
joel 🌦️
about 1 year ago
"does
@drizzle.team
support sqlite in durable objects?" oh FUCK ya. it's on.
orm.drizzle.team/docs/connect...
loading . . .
Drizzle ORM - Cloudflare Durable Objects
Drizzle ORM is a lightweight and performant TypeScript ORM with developer experience in mind.
https://orm.drizzle.team/docs/connect-cloudflare-do
2
37
2
reposted by
about 1 year ago
React v19 is now stable!
react.dev/blog/2024/12...
loading . . .
React v19 – React
The library for web and native user interfaces
https://react.dev/blog/2024/12/05/react-19
32
1284
437
reposted by
John Lindquist
about 1 year ago
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...
loading . . .
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.
https://egghead.io/windsurf-cascade-vs-cursor-composer-agent-side-by-side-comparison~jbct2
2
10
1
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 🥹
add a skeleton here at some point
about 1 year ago
1
1
0
reposted by
Adam Argyle
about 1 year ago
#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)
loading . . .
23
508
77
Post-Thanksgiving Latte and ginger cake with caramel sauce 🤩
about 1 year ago
1
0
0
reposted by
joel 🌦️
about 1 year ago
Cursor Agents Initial Impressions - Allow an AI to Build Your Entire Project -lesson on
@egghead.io
egghead.io/cursor-agent...
loading . . .
Cursor Agents Initial Impressions - Allow an AI to Build Your Entire Project
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.
https://egghead.io/cursor-agents-initial-impressions-allow-an-ai-to-build-your-entire-project~eqlb4
3
36
2
can confirm delicious ✅
add a skeleton here at some point
about 1 year ago
1
2
0
reposted by
Adam Argyle
almost 2 years ago
🆕 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...
1
39
5
Waxed and read to go 🏂
about 1 year ago
0
1
0
Mmmm carbs 👍👍
about 1 year ago
1
0
0
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.
about 1 year ago
1
3
1
add a skeleton here at some point
about 1 year ago
0
0
1
The garden is flourishing this year
over 1 year ago
1
22
0
you reached the end!!
feeds!
log in