Quick video on how to correctly use Keys in React.
Check it out π
youtu.be/l-2zAVxdSDM
@reactbarcelona.bsky.social
Community React Meetup in Barcelona, πͺπΈ
Quick video on how to correctly use Keys in React.
Check it out π
youtu.be/l-2zAVxdSDM
βWe fixed the layout shift by hardcoding everything.
2 days later, users were happy, PMs were calm, and the tech debt was contained in one file.β
This is just one of the lessons from my convo with Tudor Barbu on the SeΓ±ors at Scale podcast:
www.youtube.com/watch?v=vcUg...
More links in π§΅
The July ReactJS Barcelona meetup wrapped up last night.
Thanks for everyone who joined! We had a blast! Thanks to @preply.bsky.social for hosting and our amazing speakers @cssorlandi.bsky.social and Thomas Steiner!
Tomorrow (July 15th) is the big day!
Check the agenda! Make sure to arrive on time at 18:00 - 18:30
Quick Update: For the July meetup, we received considerable interest from attendees (70 RSVPs + 20 on the waitlist), so we decided to relocate the meetup to a larger venue to accommodate more people.
The new location: Preply HQ
Doors open at 18:00, and we start at 18:30. Please arrive early!
New ReactJS Meetup in July:
www.meetup.com/reactjs-barc...
Tuesday we hosted our fifth meetup of the year!
Thanks so much to our speakers Rashan Smith Danilo, Velasquez π»land Utku Can Ozturk for giving two fantastic talks!
We are currently planning the meetup in July! So stay tuned!
New Meetup Alert π¨
And this time we have 2 talks by 3 amazing speakers:
Re-thinkingΒ Next.js:Β Why We Picked Astro for Kleinanzeigen's High-Traffic Frontend
And
Mapping the Future: Building Interactive Dashboards with Mapbox/MapLibre and Vector Tiles in React
And of course! Beers and Pizza!
Hello, beautiful ReactJS Developers,
I hope everybody is safe after yesterday's Power Outage. I'm writing to let you know that the ReactJS Meetup is still happening tonight, 19:00, at the CareerOS Offices
Thanks a lot! See you tonight!
New event! 29th of April!
www.meetup.com/reactjs-barc...
Grab a seat!
When I started Frontend Development, I had to build HTML & CSS from Photoshop.
This process could take days.
The Design Process has improved dramatically with Figma, but only now can you build Figma components in seconds with AI.
Like and subscribe β€οΈ
www.youtube.com/watch?v=mEj2...
Memorization in 60β
01.04.2025 07:16 β π 2 π 2 π¬ 1 π 0What an amazing time we had at the last ReactJS meetup!
Thanks for all attendees!
Stay tuned π for next meetup announcement!
Slides for Design System Talk:
docs.google.com/presentation...
Slides for Tanstack talk By Alvaro:
docs.google.com/presentation...
Thanks for everyone who attended last nights meetup! It was a blast.
Special thanks to our speakers and CareerOS for hosting!
Stay tuned for our next meetup in April!
We are live!!!
The best ReactJS Barcelona meetup in town! And the only one
Tuesday is the day! Our meetup is happening and we have an amazing line up!
Lets go!
ReactJS Barcelona was at JSWorld Conference Amsterdam and incognito at Vuejs Amsterdam!
If you are ever in Barcelona look out for our meetups
New Meetup Announcement! π₯ π₯ π₯ π₯
We have two amazing speakers:
German Quinteros: Building a Design System at Glovo
Alvaro Nicolas Ritorto: Smarter Routing with TanStack Router
And of course lots of beers and pizza!
Register here: www.meetup.com/reactjs-barc...
π Our first ReactJS Barcelona meetup was an incredible success, featuring two amazing speakers who shared valuable insights with our community!
Stay tuned for our next meetupβwe canβt wait to see you all again! π
#ReactJSBarcelona #ReactMeetup #ReactJS #TechCommunity
Tomorrow is my first time hosting a meetup. I'm proud, nervous, and super excited. Wohooo!
I'm so glad for the React Community in Barcelona, who showed such a huge interest in the event, but I'm also super thankful for everybody helping out.
π₯ State of React 2024 is out!
useState still dominates (50%), TanStack Query rising (36%), and Jest remains testing king (70%)
Most interesting? 78% are on React 18.x, while React 19 adoption is tiny.
Full survey here: https://2024.stateofreact.com/en-US/
π Ditch the Provider Hell!
Native dialogs & popovers > Provider pyramids
How:
β’ One UI state hook
β’ Root UI layer
β’ Native HTML elements
β’ Global UI access
Benefits:
π― Single source of truth
π Clean tree
β‘οΈ Browser-native
#react #webdev
We're back, baby!
Welcome to our first ReactJS Meetup in 8 years. And what a way to start, except with these amazing speakers and some pizza and beer after the event!
Join us on February 18th, 19:00, at CareerOS HQ for an amazing night of React, Beer, and Pizza!
www.meetup.com/reactjs-barc...
π React Security Tip:
Ever used nonces? They're like temporary passwords for your scripts.
Here's a complete implementation of nonce-based security in React using Context - making sure only YOUR scripts can run in your app.
Prevents XSS attacks and works perfectly with CSP headers.Β
π§ββοΈ Tired of Leo Messi code? (Managing loading, error, data states)
Suspense is the Cristiano Ronaldo of React - it handles all states elegantly!
Before:
loading && <Spinner />
error && <Error />
data && <Success />
After:
Clean. Simple. SIUUUU! π
#ReactJS
π€ Infinite scroll looks cool, but have you considered its accessibility impact?
π Screen readers lose context
β¨οΈ Keyboard users can't reach footer
π§ Cognitive overload
π Lost positions
π― Focus issues
π‘ Best practice: Always provide a way to turn it off!
#a11y
π Excited to announce: ReactJS Barcelona is back! π
Join us this January for the first meetup of 2025! Connect, learn, and grow with the React community in Barcelona.
π
Late January 2025
π Barcelona, CareerOS office
Follow for updates:
π¦: bsky.app/profile/reac...
LinkedIn: tinyurl.com/ReactBCN