Five years of React Native at Shopify

Improved productivity through cross-platform development

Five years of React Native at Shopify
10 minutes by Mustafa Ali

Five years ago, Shopify announced that React Native is the future of mobile at Shopify. This article reflects on their successful transition to React Native, highlighting improved productivity through cross-platform development, talent flexibility between web and mobile teams, and achieving excellent performance metrics.

Accelerate chat development while keeping full control of your UI with PubNub’s pre-built chat features. Simplify chat management and moderation using our no-code tools and deliver an engaging user experience with 99.999% uptime and <30 ms latency. Start building today with our React Chat SDK tutorial.

Split routes config in React Router
1 minute by Sergio Xalambrí

In this article Sergio explains how to organize and split React Router routes across multiple files for better maintainability in large applications. He demonstrates using the relative and prefix functions to define routes in separate files, allowing developers to structure routes by feature or section and then combine them in a main routes file.

A few basic practices can make a significant impact! In this article, Martijn walks you through the key accessibility principles every front-end developer should apply when building components. It covers essential practices including semantic HTML usage, proper form structure, keyboard navigation, modal accessibility, image alt texts, and appropriate styling.

Tymek explains how to improve complex React components by separating business logic from presentation using component hooks. He demonstrates this approach by evolving a simple ProductCard component into a more complex one with features like quantity validation and price formatting, then shows how extracting logic into a dedicated useProductCard hook results in cleaner, more maintainable code that's easier to test and understand.

React's experimental animations API
9 minutes by Matt Perry

React is getting its first animations API! In this article Matt discusses React's first native animation API called , based on the browser's View Transition API. This new component simplifies animation implementation compared to relying on third-party libraries. The API allows developers to animate between different views, handle shared element transitions, and customize animations through event handlers, though it comes with some limitations as it's still experimental and can't be interrupted once started.

webdev

javascript

how did you like this issue?

Login or Subscribe to participate in polls.

newsletters

Would you like to become a sponsor and advertise in one of the issues? Check out our media kit and get in touch.