Sign in

Blu Frame

@blufra.me
110 followers 60 following 47 posts

Tech 🧑‍💻 for a Better Planet 🌱 Re-usable ♻️ Beautiful 🌟 Efficient 💡Human 🫂 blufra.me github.com/bluframe #React #Next.js #GraphQL #Typescript

PostsRepliesMedia
Blu Frame @blufra.me · 14/01/2026
New look, same values. 🫂 Tech that’s accessible for non‑tech teams ♿. Humans + AI agents working together 🧑‍🤝‍🧑🤖. Welcome Primrose our Business Development Partner! 🎉 blufra.me #Design #AIAgents #Branding #AI
Blu Frame logo with a stylized BF monogram in black and cyan.Blu Frame logo with a stylized BF monogram in black and cyan. Dark Mode.
011
Blu Frame @blufra.me · 03/12/2025
OpenAI Codex shipped CLI 0.64.0 and it’s loaded: - config RPCs, - git-aware sessions, compaction + plan events, unified exec cleanup - Windows sandbox hardening - experimental exp-* models We’re rolling these into our stack immediately 👀 #OpenAICodex #DevTools reddit.com/r/codex/c...
000
Blu Frame @blufra.me · 17/09/2025
We asked OpenAI GPT‑5 to scaffold a Storybook YouTube embed… it Rick Rolled us (yes, THAT video id). Absolutely crying. Screenshot attached. #dev #frontend #storybook #ai #YouTube #rickroll
041
Blu Frame @blufra.me · 15/01/2025
🔍 #GraphQL Pro Tip: Pagination! 📈 Handle large datasets efficiently and improve query performance. - Fetch data in chunks 📦 - Reduce load times ⏲️ - Improve user experience 👉 Implement strategies like `limit-offset` or `cursor` pagination and keep your data flow streamlined! 🚀
000
Blu Frame @blufra.me · 15/01/2025
🚀 #React Pro Tip: Enhance Performance with Memoization! 🎯 Use React.memo(). Optimize your components. Prevent re-renders - Improve render performance - Reduce unnecessary updates ⚡️ - Boost app efficiency 💪 Focus on what truly matters and keep your app running smoothly! 🧠
000
Blu Frame @blufra.me · 12/12/2024
#React Pro Tip: Use Context API for State Management! 🤝 Share data between components. Perfect to manage global state and reduce prop drilling - Share state between components 🤝 - Avoid prop drilling 🚫 - Simplify state management 📈 Context API makes your code scalable and maintainable ! 🚀
010
Blu Frame @blufra.me · 12/12/2024
GraphQL Pro Tip: Use Introspection for Schema Discovery! 🎉 Introspection in #GraphQL allows you to discover your schema at runtime. Feature is enabled by default - Discover types, fields, and directives 🤔 - Get detailed information about your schema 💡 - Automate schema documentation 📝
000
Blu Frame @blufra.me · 07/12/2024
🔍 #GraphQL Pro Tip: Leverage Directives! 🚀 Directives can modify query behavior and enhance your schema's capabilities - Use include and skip to conditionally fetch data - Tailor your responses dynamically - Define custom directives Harness the power of directives in GraphQL! 📈🔧
000
Blu Frame @blufra.me · 06/12/2024
🚀 #React Pro Tip: Optimize Performance with Lazy Loading! 🎯 Use React.lazy and Suspense to load components lazily. Not all components need to be rendered immediately. - Load components only when needed - Faster initial load times - Reduce bundle size Boost your app's performance! 🧠💡
010
Blu Frame @blufra.me · 04/12/2024
🌟 #React Pro Tip: Optimize Rerenders with Memo and useCallback! ⚛️ Use `React.memo` and `useCallback`. Prevent unnecessary re-renders. Keep function references stable. 🚀 - Reduce updates - Enhance performance Maximize your app's performance! 🚀✨
010
Blu Frame @blufra.me · 04/12/2024
🌟 GraphQL Pro Tip: Use Aliases for Clarity! 📝 Aliases in #GraphQL let you fetch the same field multiple times with different arguments - Fetch data with varying arguments - Maintain clear responses - Simplify complex queries Keep your data clear and organized! 💡✨
000
Blu Frame @blufra.me · 03/12/2024
🌟 GraphQL Pro Tip: Use Fragments for Code Reusability! 📚 Fragments in #GraphQL allow you to reuse parts of your queries. They make your code clean and maintainable Maintain consistency across queries and reduce duplication Keep your code DRY! 💡✨
A GraphQL fragment for CategoryUse your Category fragment in your query
020
Blu Frame @blufra.me · 01/12/2024
Up at 2am. On a Sat night. Working to realize our dream of using tech to make a better planet for everybody #Typescript #React #UI
If we want tech to build a better world we need an open codebase and set of components everybody can use and share
040
Blu Frame @blufra.me · 30/11/2024
Diving into accessible design with React! 🌟✨ Crafting smooth, inclusive experiences for everyone, thanks to the power of #ARIA! 💻👩‍🎨 Let's make the web a friendlier place, one component at a time! 🌐🤝 #ReactJS #Typescript #Accessibility #Inclusivity
Screenshot of a React component named Bio that renders a user’s bio with optional profile image, name, and social links. It uses various styled components and conditionally displays content based on the provided props, with ARIA attributes for accessibilityScreenshot of a React component named SocialLinks that renders a list of social media links. It checks for props like Instagram, Facebook, Twitter X, and YouTube, and conditionally renders links if they are provided
020
Blu Frame @blufra.me · 26/11/2024
`@bluframe/blublocks@2.6.3` is now released! 🎉 🔹 BluBlocks: Our internal UI library, always open sourced. 🆕 Includes: - Toggle Component - Cards & Breadcrumbs - Prepublish scripts As always feel free to contribute! 🌟 🔗 github.com/bluframe/blu... #OpenSource #UI #React #Typescript
github.com
Release @bluframe/blublocks@2.6.3 · bluframe/bluframe
What's Changed 📝 Toggle Component by @edoardo-bluframe in #54 📚 BLUFRAMEOS-60-Cards-Breadcrumbs-and-Social-Links by @edoardo-bluframe in #55 Full Changelog: https://github.com/bluframe/bluframe/c...
030
Blu Frame @blufra.me · 25/11/2024
Amazing idea! 💡
000
Blu Frame @blufra.me · 25/11/2024
Revamping our UI with some crisp React components! 🎨👨‍💻 #ARIA makes sure everyone gets to enjoy the fun—because accessibility isn't optional, it's essential! 💪🌟 #ReactJS #Typescript
Radio Group React Typescript Component with ARIA
000
Blu Frame @blufra.me · 22/11/2024
Let it rain ✨ & celebrate OSS 🚀 Quote this post to keep the appreciation train going! List 3 OSS repos with links, star them on GH and star all repos of our quote train 🤩 - Blu Frame 😊 github.com/bluframe/bluframe - React Select 👍 github.com/jedwatson/react-select - Strapi ✅ github.com/strapi/strapi
github.com
GitHub - strapi/strapi: 🚀 Strapi is the leading open-source headless CMS. It’s 100% JavaScript/TypeScript, fully customizable, and developer-first.
🚀 Strapi is the leading open-source headless CMS. It’s 100% JavaScript/TypeScript, fully customizable, and developer-first. - strapi/strapi
021
Blu Frame @blufra.me · 22/11/2024
Setting a cache hint in our GraphQL resolver saves us 2 trips to our HomeVideos microservice
GraphQL Cache Hint
000
Blu Frame @blufra.me · 22/11/2024
Our co-founder @eddyinblu.bsky.social introduced LITTA to new techs - Storybook first and foremost - and pioneered work in @react.dev, @typescriptlang.org and @nodejs.org. Helped launch a first version of LITTA and set foundations to continue development of their products blufra.me/projects/lit...
021
Blu Frame @blufra.me · 22/11/2024
Who wants to have a look at our Carousel component in React and Typescript?
Carousel Component React Typescript
020
Blu Frame @blufra.me · 21/11/2024
Who else keeps their GraphQL schema in a separate package in their mono so that both frontend and GraphQL server import the same typeDefs and queries/mutations?
GraphQL TypdeDef Schema
020
Blu Frame @blufra.me · 21/11/2024
Is it okay to post our code here on Blue Sky? Let's try! Here is a React Typescript snippet from our Bio component. Like it?? 😄
Bio Component React Typescript
000
Blu Frame @blufra.me · 20/11/2024
@eddyinblu.bsky.social led the development of the brand new Royal Opera House website, mentored junior developers and was in charge of spearheading the latest technologies and make sure they delivered a smooth and fresh user experience #React blufra.me/projects/roy...
blufra.me
Royal Opera House
Royal Opera House needed a brand new website to go along with their **Open Up** initiative - the revamp of the entire building to invite more people - opera aficionados and casual onlookers alike - in...
011
Blu Frame @blufra.me · 20/11/2024
We are very happy to bring our web development and design ideas to the wonderful world of Blue Sky!! 💙
010