Engineers
The Brandfolder Engineering Blog
-
Migrating site from Rails to Next.js App - How to add TypeScript, ESLint, CSS Modules, and IE11 detection
The day has come that we want to isolate our marketing site away from our Rails app. We knew that we wanted to use a React framework and it came...
Building a Webhook Service
As Brandfolder has grown dramatically in size, so has the usage of the Brandfolder API. This is a natural consequence of a product growing at an exponential rate, especially one...
React Drag 'n Drop Horizontal Placement Indicator
While building Brandfolder's Portals, which is like a customizable homepage for all your assets, I implemented React DnD in order to allow users to update the ordering of their assets....
BigQuery + Python for Production Data Science
Originally posted on Medium For the past year and a half, we at Brandfolder have been moving toward using BigQuery as a datalake. It began by storing a copy of...
Addressing Scale with Functional Services
Addressing Scale with Functional Services Brandfolder, Inc. is a growth stage Software as a Service company headquartered in Denver, Colorado. Brandfolder provides a digital asset management solution, helping businesses store,...
Performance Hazards of Misusing React's useContext
Overview This post shares how we addressed a frontend performance issue users experienced with Brandfolder’s asset modal. Performance issues like this can be a huge pain to diagnose and fix....
How CDN embedding has changed the way we build our website
I've been with Brandfolder for almost two and a half years and I've seen tremendous change within the company itself and of course the advancements within our product. It's been...
Front-End Developer and Designer Pairing
Are you a designer constantly telling your front-end developer to add padding or pixels and are baffled as to why the design doesn't match the comp? 🤔 Or are you...
Creating & Using Functions in React: ES5 vs ES6
When creating, referencing, calling and passing functions within and between React components, you have myriad options and combinations of options at your fingertips, it can be overwhelming! For the most...
CSS Grid Layout with Flexbox Fallback
Are you seeking to build a responsive grid without calculating breakpoints and having to write multiple lines of code? Well you’ve found the right blog! This is a tutorial on...
Embracing the chaos, enjoy the newest and shiniest developer toys
To preface, I think it would help to provide context on where I work and a bit about the team. I am the Director of Engineering at Brandfolder, where we...
The "Rollup" Pattern
An experiment to remove expensive joins, inheritances, and methods from primary API endpoints. Scaling quickly at a company yields an accelerated education in database management. I’m going to tell you...
Brandfolder’s Machine Learning Platform
Introduction Enabling a data driven creative experience for our (Brandfolder’s) customers involved augmenting an extremely good product by building a machine learning platform to seamlessly deliver the data suite of...
The Lost Art of Apache Benchmarking
I appreciate quick references and that’s where we are going to start.
ab -n 100 -c 10 -H "Authorization: API_KEY" https://www.linkedin.com/in/steve-pentler-8800aa60/ ab = apache benchmark n = requests (count)...Touchscreen Detection: One Class, Many Styles
At Brandfolder, we inject mobile design into our product by employing responsive, Progressive Web App{:target="blank"} methodologies. Recently I was coding a menu that needed to look different for mobile vs...
\