Richard
@choir241.bsky.social
910 followers 910 following 1.8K posts
React Developer and Technical Writer | Networking Superstar ⭐ Certified in Touching Grass 🔥 No. 1 Virtual Hype Man 🥳
Posts Media Videos Starter Packs
choir241.bsky.social
Absolutely mind blown that the recent Programming Podcast guested the one and only Barbara Oakley 🤯 I can only imagine what it must have been like for @leonnoel.bsky.social and @dthompsondev.bsky.social to be able to sit down and have a conversation with her #theprogrammingpodcast
Youtube video full screen split into three parts - leon on the left, danny on the middle, barbara on the right
choir241.bsky.social
Hunterober day 2 going strong with @grahammcbain.bsky.social
spilling the tea - from bootcamp to senior advocate Ampcode ☕️ #100devs #huntober
Two speakers are engaged in a virtual discussion, visible in video frames. Below, 484 audience members are represented by colorful icons and usernames.
Reposted by Richard
leonnoel.bsky.social
Yesterday, #100Devs talked about crafting a story that gets you hired!

Today @grahammcbain.bsky.social who went from bootcamp grad to Senior Developer Advocate working on Amp Code is

Telling their story, breaking down the agentic coding space, & giving everyone free credits in 30 mins!
choir241.bsky.social
But I also want to think about what users would want from an app like this - what features would be beneficial to them, how would those features reduce user pain points, and what those features would look like on a UI/UX perspective.
choir241.bsky.social
Moving forward from the conf content card, I wanna tackle how to handle multiple conferences in the same state ie. Vercel Ship and DevRelCon. I want to start thinking about international conferences, and how I would handle implementing that.
choir241.bsky.social
1/3 🧵
Played around w/ the conf content card design & layout. Taking a step back & observing my changes, I'm not a fan of how the image looks in perspective to the rest of the card. I feel I could find a better location to place the conf link here 🤔 #buildinpublic #100devs
choir241.bsky.social
Friday morning hanging out in the #CYC discord with the crew and @dthompsondev.bsky.social as he drops gems and strategies while answering questions 💎🔥
Danny thompson live video chat on discord staget with 58 people in the audience with various pfp images in a grid layout
choir241.bsky.social
"You are the missing LEGO piece and if you don't see it, someone else will" - @leonnoel.bsky.social #100devs #huntober
choir241.bsky.social
By defining all the tabbing and keyboard logic in a useEffect hook, I was able to add them to our svg and path elements after rendering the component.
choir241.bsky.social
Due to the inability of adding the ability to tab/keyboard navigate through the USA map directly with the mirawision/usa-map-react, I had to create a parent container where I could instead.
choir241.bsky.social
By defining ref={usaMapTabbingKeyboardContainer} on my parent container, I was able to create a reference to the <div> parent element wrapping around the <USAMapLib> component. This allowed me to interact with it later in the code.
choir241.bsky.social
1/4 🧵
TL;DR: Implemented navigating the states in the USA map graphic using tabbing and keyboard while also looking good design-wise. Started working on styling for the conference content.

#100devs #buildinpublic
Map of the United States highlighting Florida in teal, with surrounding states in grey. A sidebar shows "React Miami" event details dated April 17-18, 2025.
Reposted by Richard
leonnoel.bsky.social
I've helped 1000+ people get jobs in tech

This is the most amount of interviews, callbacks & offers I've seen in almost two years

For the next 30 days, I'm going live on Discord every day to help you land one too!

If you are feeling stuck, join us in 15mins

leonnoel.com/discord
Join the Learn w/ Leon & Friends Discord Server!
We are engineers who believe in community before code & provide a 100% free path to becoming a software engineer! | 73204 members
leonnoel.com
choir241.bsky.social
Got to yap with a fellow yapper from #100devs and Resilient Coders @codingwcal.bsky.social 😁 From lifesafers and life-savers (lifebuoys) to group projects and conferences, we got to learn more about each other ☺️ Hope he has a wonderful time at Afrotech!! 🙌
google meet video call split screen calvin on the left side of the screen holding a peace sign, richard on the right holding a peace sign
choir241.bsky.social
Getting back into drawing was nice ☺️ But I don’t think I’m doing this everyday like before lol Just here and there when I feel like drawing ^^
Pencil sketch drawing of anime girl wearing frilly dress
choir241.bsky.social
It's spooky season, and that means Huntober with #100devs🎃 Ready to lock-in with the community and excited what @leonnoel.bsky.social has in store for the #100devs community 🔥
A virtual meeting interface on Discord shows one speaker in a video call at the top center, gestures animatedly. Below, a grid of 343 audience avatars. Chat messages read: "coolest char ever," "Can't keep things pent up," and "the one thing."
choir241.bsky.social
And started to work on the conference component card for displaying the condensed conference information to the user after they click on the button/state svg graphic.
choir241.bsky.social
But I'm going to keep trying to keep looking for alternative solutions that also look good design-wise. Also went ahead and added in on-hover effects to visually indicate to the user that the state is clickable.
choir241.bsky.social
Unfortunately couldn't find an alternate USA map react library that also offers these accessible options with the package. Honestly want to keep the butons displayed for alternative clickable options while also not confusing users exploring the site with their keyboard.
choir241.bsky.social
1/4 🧵
Only displaying the buttons here to show the alternative solution I decided to go with for accessibilty users - giving them tabbable and keyboard friendly explorable elements while also being screen reader friendly.

#buildinpublic
choir241.bsky.social
Haha we have extra, come on down 😁
choir241.bsky.social
Sometimes it be pizza time 🍕
Pepperoni pizza pie in a pizza box
choir241.bsky.social
The state color fills are just placeholders at the moment to remind me which ones are the highlights - the states I've personally attended for a tech conference, and the rest of the states.

#buildinpublic
choir241.bsky.social
I struggled to find a USA map react library that provided tabbable elements for accessibility users, so my theoritical plan right now is to render button elements for each state, and clicking them will be functionally the same as clicking the state svg as a whole.
choir241.bsky.social
It was interesting to do some research on niche elements of an already familiar topic like the <map> & <area> tags, it reminded me of when I dived into the useActionState hook.

I was surprised by how difficult it was to find a dependency that was up-to-date and updated recently.