Core

when

Time

would

In the world of modern software engineering, the title “Frontend Developer” often feels insufficient to describe the complexity of the role. For<a href="https://www.linkedin.com/in/ayodejiodukoya" target="_blank" rel="noopener"> Ayodeji Moses Odukoya,</a> the browser is not just a rendering target; it is a distributed computing environment that requires rigorous <a href="https://technext24.com/2025/11/03/bitnob-empowering-generation-developers/" data-type="link" data-id="https://technext24.com/2025/11/03/bitnob-empowering-generation-developers/">architecture</a>.
From digital marketing and optimising engagement algorithms to creating cloud-native solutions for millions of users, Ayodeji built a career on the cutting edge of the JavaScript ecosystem. We sat down with him to discuss his technical journey: his “quality-first” philosophy using Playwright and why he believes the best frontend architectures are designed keeping in mind the backend.
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
 <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:100%">
 <div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
 <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:100%">
 <blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
 Q: Most engineering leaders start with logic and math. You started with people and psychology. Take us back to 2016 and your work in digital marketing.
 </blockquote>
 </div>
 </div>
 </div>
</div>
Ayodeji: That was foundational. I did not write a line of production code before; I was obsessed with what makes a user stop scrolling. In 2017, the algorithms were different, but the core challenge was the same: connection. I remember managing a social strategy in which we were pulling more than 1,000 organic likes on posts when there was a follower base of under 5,000. That’s a 20% engagement rate, metrics that are almost unheard of today with no paid spend.
That experience, coupled with my Google Digital Skills certification, gave me a lens which most other people, including most engineers, don’t have. Today, when I look at any UI component, I don’t see a React prop; I see an interaction point. I know what is required to bring the user to that button, so that’s why I am so obsessed with making sure the technology will not fail them when they get there.
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
 Q: That’s not a technical background, so how does that background influence the way that you approach technical performance, particularly Core Web Vitals?
</blockquote>
Ayodeji: It is a direct translation of intent. In 2016, I was optimising for “Likes” and “Shares” using psychological triggers. Today, I optimise for Largest Contentful Paint (LCP) and First Input Delay (FID).
<figure class="wp-block-image size-full">
 <img fetchpriority="high" decoding="async" width="1079" height="1395" src="https://technext24.com/wp-content/uploads/2025/12/IMG_20251216_073510.jpg" alt="How Ayodeji Moses Odukoya built a bridge from digital marketing to high-scale product engineering" class="wp-image-269240">
 <figcaption class="wp-element-caption">
 Ayodeji Moses Odukoya
 </figcaption>
</figure>
My marketing background taught me that users are notoriously impatient. If a page takes 3 seconds to hydrate, you’ve lost the conversion. When I architect a frontend now, I utilise Next.js here, thus allowing rendering either by Server-Side Rendering or Static Site Generation. I am not just looking at code cleanliness; I’m looking into the critical rendering path. Utilising tools like Google Analytics data in the context of GA4 and Lighthouse to audit our performance budgets, correlating technical metrics like Time to Interactive (TTI) directly with the retention rates I used to chase as a marketer
<ul class="wp-block-list">
 <li>Q: You went from marketing into software via Ruby on Rails to frontend. How does knowledge of the backend (MVC patterns, DB schema) make you a better frontend developer?</li>
</ul>
Ayodeji: Learning Ruby on Rails initially gave me a structural discipline that, most of the time, is usually overlooked by many purely frontend developers. In Rails, you live and die by the MVC (Model-View-Controller) pattern.
Knowing the concepts of database normalisation and ORMs helps me handle the frontend by managing it in another way. Whenever I implement Redux Toolkit or the Context API, I am effectively designing a client-side database. I design the stores to be normalised, avoiding deep object nesting and data duplication, just like one would do in any regular SQL schema. This architectural rigour disallows the “prop-drilling” anti-pattern and saves us from forcing huge component trees to re-render just to update a single Boolean flag.
<h4 id="ayodejis-outsize-impact-at-conectar" class="wp-block-heading">Ayodeji’s outsize impact at Conectar</h4>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
 Q: At Conectar, you led UI engineering for a platform serving over one million users. At that scale, React performance is key. What technical strategies did you employ to handle that load?
</blockquote>
Ayodeji: Scaling to a million users exposes every inefficiency in your bundle. In other words, volume can easily murder the main thread with O(n) operations in the render cycle. We had to be ruthless in performance optimisation. I led a migration toward component-driven development using StorybookJS. It allowed us to build, profile, and stress-test components in isolation before they ever touched the main application DOM.
<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex">
 <figure class="wp-block-image size-large">
 <img decoding="async" width="320" height="214" data-id="269242" src="https://technext24.com/wp-content/uploads/2025/12/1_aTOWg43BZKrjucQc1uMMWg.jpg" alt="How Ayodeji Moses Odukoya built a bridge from digital marketing to high-scale product engineering" class="wp-image-269242">
 </figure>
</figure>
We also used memoisation with useMemo and useCallback to keep referential equality and prevent unnecessary re-renders. We also added aggressive code-splitting and lazy loading at the route level, so our initial bundle size is minimal. The spotlight of “reusable, performant UI components” was the main driving force in increasing the user satisfaction metrics by 50%.
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
 Q: You are currently at Reusers Tech, building a social-commerce platform. This requires combining complicated states, say carts and feeds, with real-time interactions. Why choose GraphQL over REST for this architecture?
</blockquote>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
 
</blockquote>
Ayodeji: Social commerce is architecturally demanding since it causes an “over-fetching” vs. “under-fetching” dilemma. You have a feed that appears like social media, but each item is a transaction waiting to happen.
With a traditional REST API, rendering a user’s feed with products, seller profiles, and inventory status would require multiple round trips or a massive, slow payload, the classic N+1 problem. Using GraphQL/Apollo Client, we defined a strict schema that allows the client to ask for that graph of data with a single request.
Moreover, Apollo’s normalised cache allowed us to implement Optimistic UI. Whenever a user “Likes” something, we instantly update the cache so that the UI will show the change instantly, while the mutation resolves in the background. That perceived performance is crucial to the boost in engagement that we were able to attain.
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
 Q: Your technical stack includes “heavy” infrastructure tools like Docker, Kubernetes, and AWS. Why is containerisation important for a frontend engineer?
</blockquote>
Ayodeji: Those days of “it works on my machine” are gone. I containerise our frontend applications, ensuring development environments are isomorphic in production. When deploying to AWS through Kubernetes, having a Dockerised frontend allows us to scale up events gracefully. In case of increased traffic, the orchestrator fires up additional instantly restarted frontend pods.&nbsp;
<figure class="wp-block-image size-full">
 <img decoding="async" width="1079" height="1190" src="https://technext24.com/wp-content/uploads/2025/12/IMG_20251216_073626.jpg" alt="" class="wp-image-269241">
 <figcaption class="wp-element-caption">
 Ayodeji Moses Odukoya
 </figcaption>
</figure>
Understanding the infrastructure means that I will be able to design my frontend build process. It will ensure that this build process, using Webpack, is optimised for these containerised environments, ensuring smaller image layers and faster boot times.
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
 Q: Accessibility (WCAG) is often treated as a compliance checkbox, but your background highlights a strong focus on “SEO and accessibility testing”. Do you view these differently from the average engineer?
</blockquote>
Ayodeji: Accessibility is an engineering discipline, not a design requirement. I treat WCAG Standards like any other syntax error. Technically, we enforce this through static analysis and automation. First, we utilise ESLint plugins like jsx-a11y to perform basic error linting – missing aria-labels or bad contrast during the coding phase. We then use Playwright for running automated accessibility audits (injection of the axe-core engine) of our build pipeline, ensuring we are semantically correct, using proper HTML5 landmarks and ARIA states before the code ever reaches production. It is a central part of the “rigorous testing strategy” I set up at Reusers.
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
 Q: Looking at your trajectory, from marketing to Ruby, then to React, TypeScript, and large-scale leadership. What is the common thread?
</blockquote>
Ayodeji: I just finished a course on product management because the future, to me, belongs to engineers who know about the business case. I am not just aiming to be a “coder”; I want to be a product architect. Be it setting up CI/CD pipelines using GitHub, whether it’s Actions and AWS or optimising SEO, I find myself asking, “How does this solve the user’s problem?” The objective is still the same: to develop digital experiences that are robust, more available, and more pleasant. The technology is changing, but the mission of serving the user stays the same.

How Ayodeji Moses Odukoya built a bridge from digital marketing to high-scale product engineering

Technext.ng

Other articles published on Dec 16, 2025

PayPal’s Bold Move: A New Bank for Small Business Loans Could Transform Financing

PayPal Applies for Utah Industrial Bank License

Ondo Finance Recent Updates: Regulation, Tokenized Markets & More

Avalanche Brings Stablecoin Payments to NYC’s Oldest Holiday Market

ION Latest: Tokenized Communities Coming to BNB Chain, Upcoming Milestones, and More

Binance Makes History With Full FSRA Approval in Abu Dhabi

Join our free newsletter for daily crypto updates!