Ed C

Frontend Ed 👨‍💻 Building React apps for B2B SaaS in AI and eCommerce 📈Sharing knowledge and sick tech picks in the process

[Ed C @Frontend_Ed_]

First EVER YouTube, and hopefully the first of many to come 👨‍💻 watch this if you've a React/Next.js project that's got long-neglected ARIA issues coming up in Lighthouse
https://t.co/S8wwnt8ckZ

[Ed C @Frontend_Ed_]

@p_e Love this, finding Claude code as a general agent to do tasks of subs powerful, plus automating boring admin

[Ed C @Frontend_Ed_]

@housecor Claude code gave me such Friday energy yday; flat out refused to implement streaming of objects, kept fobbing me off with a loading spinner instead. Buddy, we all wanna go to the pub but we got things to do!

[Ed C @Frontend_Ed_]

@housecor Company I work for have done it with reasonable quality and consistency for text outputs - it’s a lot of work, and I can imagine it’s even harder if you’re working with more complex outputs like data, interconnected systems, hardware etc

[Ed C @Frontend_Ed_]

@Steve8708 sadbeep.mp4

[Ed C @Frontend_Ed_]

@housecor @playwrightweb @Cypress_io One watch-out with 1; if sub-components of the page can fail due to a partial API response, you might want to assert their presence to ensure patchy data doesn’t drop features that fail gracefully

[Ed C @Frontend_Ed_]

@joshtriedcoding @merycodes “I’m sorry but they’re not using typescript, I need to move seats now”

[Ed C @Frontend_Ed_]

@p_e @auditless @aerafinance Thanks for sharing, super rich insights! Can’t recommend signing up to the newsletter enough 🙌

[Ed C @Frontend_Ed_]

@GeorgeMayer I’m in a similar position - usually I work with established design systems and have found tools like Vanilla Extract fit better with building out reusable components that are synced with figma tokens

[Ed C @Frontend_Ed_]

@markdalgleish cmd + n

[Ed C @Frontend_Ed_]

@mattpocockuk VERY interesting, so I’ve been lowercasing my zod schemas needlessly all this time 🤦‍♂️

Feels wrong for them to match, but I can imagine this is great for consistency once you’re used to it

[Ed C @Frontend_Ed_]

@mattpocockuk I find it super helpful for type hints on complex, multi-variate component styles, e.g:

<Button className="${button({ color: 'accent', size: 'large', rounded: true })}">

For this, @markdalgleish's Vanilla Extract and the Recipes package are great 🙌

https://t.co/WZujqE768S

[Ed C @Frontend_Ed_]

@GeorgeMayer This ☝️

Sounds mean spirited, but totally agree on junior dev content; this platform and others is drowning in it, meanwhile content that pro devs need is buried

[Ed C @Frontend_Ed_]

@mattpocockuk Has to be one my most-used shortcuts, so powerful 💪

[Ed C @Frontend_Ed_]

@t3dotgg @tldraw your solution, refer to it as your intern

[Ed C @Frontend_Ed_]

I'm only one module in and I'm absolutely loving @JoshWComeau's CSS course 🙌

Such a thorough approach to teaching, not shying away from but embracing the messiness of CSS. Best Black Friday money spent by far

[Ed C @Frontend_Ed_]

@shadeed9 @weba11ymatters It’s truly evergreen content 🌲 great work man!

[Ed C @Frontend_Ed_]

For UI developers, accessibility can be a daunting topic to get into; official docs are super dry to read, and debugging tools can throw up many intimidating errors

So, where do you start? Here are 3 recommended resources for building knowledge in bite-sized chunks 👇

[Ed C @Frontend_Ed_]

@mattpocockuk @AdamRackis But what's the solution? 😅

[Ed C @Frontend_Ed_]

Building a component library, or vetting OS options for accessibility? Then @heydonworks' excellent guide to creating inclusive components is a must-read
https://t.co/n5chi5QmWJ

[Ed C @Frontend_Ed_]

Need to know how to build accessible table pagination, skip links, navigation, and other complex UI patterns?

Look no further than the excellent @weba11ymatters by @shadeed9

https://t.co/Ihd3dwIYpV